<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script>var title = 'Claros inTouch 2.1';</script>

<!--  LOGIN PROGRESS STARTS -->
<link type="text/css" rel="stylesheet" href="css/body.css" />
<div id="loginstatus" style="position:absolute;top:160px;left:0;width:100%">
  <table width="439" height="43" border="0" cellpadding="0" cellspacing="0" align="center">
    <tr>
      <td style="font-size:12px;font-weight:normal;color:#2a2a2a" align="center"><img src="images/avatar_load.gif" width="16" height="16" vspace="5"/><br/>
        <span id="loginstatustext">please wait...</span></td>
    </tr>
  </table>
</div>
<!--  LOGIN PROGRESS ENDS -->

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Claros inTouch 2.1</title>
<link type="text/css" rel="stylesheet" href="css/all.css" />
<link type="text/css" rel="stylesheet" href="css/ie6.css">
<!-- 
	<link type="text/css" rel="stylesheet" href="yui/calendar/assets/calendar.css" />
	<link type="text/css" rel="stylesheet" href="yui/container/assets/container.css">
	 -->
<script>var lang = "en";</script>
<script language="javascript">
	var login_invalid = "Login invalid, try again";
	var system_error = "System error, contact administrator";
	var invalid_login_info = "Invalid login info, try again";
	var from = "From";
	var to = "To";
	var subject = "Subject";
	var date = "Date";
	var size = "Size";
	var enter_url = "Please enter link URL";
	var enter_image_url = "Please enter image URL";
	var size_exceeds_att_limit = "Error! Attachment size exceeds the configured attachment size limit. Limit: ";
	var size_exceeds_mail_limit = "Error! Mail size exceeds the configured mail size limit. Limit: ";
	var re = "Re:";
	var fwd = "Fwd:";
	var show_compact_headers = "Show Compact Headers";
	var show_more_headers = "Show More Headers";
	var toggle_list_on = "Toggle List On";
	var toggle_list_off = "Toggle List Off";
	var unread = "Unread";
	var select_file_error = "Please select a file to continue.";
	var error_import_general = "An error occured while importing. Please check the CSV file format.";
	var no_status_text = "No Status Text";
	var tavailable = "Available";
	var taway = "Away";
	var tchatting = "Chatting";
	var tdont_disturb = "Do Not Disturb";
	var textended_away = "Extended Away";
	var tinvisible = "Invisible";
	var toffline = "Offline";
	var changed_status = "changed status";
	var txtMe = "Me";
	var txtRemove = "Remove";
	var logging_in_wait = "Logging in, please wait...";
	var succesfully_logged_in = "Succesfully logged in: ";
	var enter_valid_buddy = "Please enter a valid contact address (eg: user@jabber.org)";
	var empty_notebook_name = "Please enter a valid notebook name";
	var please_wait = "please wait...";
	var new_messages = "new message(s)";
	var txtnews = "News";
	var no_new_mail = "There is no new mail at the moment.";
</script>
<script type="text/javascript" src="yui/yahoo/yahoo-min.js"></script>
<script type="text/javascript" src="yui/dom/dom-min.js"></script>
<script type="text/javascript" src="yui/event/event-min.js"></script>
<script type="text/javascript" src="yui/connection/connection-min.js"></script>
<!-- <script type="text/javascript" src="yui/calendar/calendar-min.js"></script>  -->
<script type="text/javascript" src="yui/autocomplete/autocomplete-min.js"></script>
<script type="text/javascript" src="tinymce/tiny_mce.js"></script>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/rico.js"></script>
<script type="text/javascript" src="js/mm_functions.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/layers.js"></script>
<script type="text/javascript" src="js/layout.js"></script>
<script type="text/javascript" src="js/mail.js"></script>
<script type="text/javascript" src="js/operations.js"></script>
<script type="text/javascript" src="js/dw_viewport.js"></script>
<script type="text/javascript" src="js/playa.js"></script>
<script type="text/javascript" src="js/contacts.js"></script>
<script type="text/javascript" src="js/home.js"></script>

<!--  for chat -->
<script type="text/javascript" src="js/chatwin.js"></script>
<script type="text/javascript" src="js/chat.js"></script>
<script type="text/javascript" src="js/chat_operations.js"></script>
<script type="text/javascript" src="js/md5.js"></script>
<script type="text/javascript" src="js/date.js"></script>
<script type="text/javascript" src="js/playa2.js"></script>
<script type="text/javascript" src="yui/dragdrop/dragdrop-min.js"></script>
<!-- end for chat -->

<!-- for notes -->
<script type="text/javascript" src="js/notes.js"></script>
<script type="text/javascript" src="js/xlib/x_core.js"></script>
<script type="text/javascript" src="js/xlib/x_drag.js"></script>
<script type="text/javascript" src="js/xlib/x_event.js"></script>
<!-- end for notes -->
</head>
<body scroll="no" oncontextmenu="return false" onselectstart="return selectstart(event)" 
	onunload="unloadHandler()" onmousemove="getPos(event)" onload="onloadHandler(event)" 
	onkeydown="onKeyDownH(event)" onkeyup="onKeyUpH()" onmouseup="onMouseUpH()">
<div id="header" style="display:none;">
  <ul class="welcome">
    <li>Welcome <span id="welcomeName"></span></li>
    <li><a href="index.jsp"><span><img alt="" src="images/top-logoff.gif"/></span>Logout</a></li>
    <li><a href="javascript:showPreferences(false, 'Mail');"><span><img alt="" src="images/top-pref.gif"/></span>Preferences</a></li>
  </ul>
  <h1><a href="http://www.claros.org" target="_blank">claros.org</a></h1>
  <ul class="nav">
    <li class="active" id="navhome"><a href="javascript:layoutHome();"><span><img alt="" src="images/top-home.png"/></span>Home</a></li>
    <li id="navmail"><a href="javascript:layoutMail();"><span><img alt="" src="images/top-mail.png"/></span>Mail</a></li>
    <li id="navcontacts"><a href="javascript:layoutContacts();"><span><img alt="" src="images/top-contacts.png"/></span>Contacts</a></li>
    <!-- 	<li id="navcalendar"><a href="javascript:layoutCalendar();"><span><img alt="" src="images/top-calendar.png"/></span>Calendar</a></li>  -->
    <li id="navnotes"><a href="javascript:layoutNotes();"><span><img alt="" src="images/top-notes.png"/></span>Notes</a></li>
    <!--	<li id="navwebdisk"><a href="javascript:layoutWebdisk();"><span><img alt="" src="images/top-disk.png"/></span>Web Disk</a></li> -->
    <li id="navchat"><a href="javascript:layoutChat();"><span><img alt="" src="images/top-chat.png"/></span>Chat</a></li>
  </ul>
</div>
<div id="main">

<!-- HOME STARTS -->
<div id="home">
  <div class="homeTitle"> <em>&nbsp;</em> Home <span><img alt="" src="images/bighome.gif"/></span> </div>
  <div id="newMessages" class="box">
    <div class="tl">
      <div class="br">
        <div class="bl">
          <div class="tr">
            <div class="inner" style="height: 450px;">
              <div class="title" id="newMailHomeTitle">please wait...</div>
              <div style="height: 305px;overflow: auto;overflow-x: hidden;">
                <ul id="emailHomeItems">
                </ul>
              </div>
              <div><a href="javascript:layoutMail();" class="goto">Go To Mail<span><img alt="" src="images/goto-arrow.gif"/></span></a></div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div>
      <div class="icon"><span><img alt="" src="images/newmessages-icon.gif"/></span></div>
    </div>
  </div>
  <div class="homeholder"> 
    <!-- 
		<div id="events" class="box">
			<div class="tl"><div class="br"><div class="bl"><div class="tr"><div class="inner">
				<div class="title">There are 2 events for the next 3 days</div>
				<ul>
					<li><a href="#"><b>28.11.2006 Saturday</b><br/>Hebelek yapilacak ve ard?ndan de hodelek yapilacak. Doymazsan ard?ndan da dandini ve dindini yapilacak.</a></li>
					<li><a href="#"><b>29.11.2006 Sunday</b><br/>Hebelek yapilacak ve ard?ndan de hodelek yapilacak. Doymazsan ard?ndan da dandini ve dindini yapilacak.</a></li>
				</ul>
				<div><a href="javascript:layoutCalendar();" class="goto">Go to Calendar<span><img alt="" src="images/goto-arrow.gif"/></span></a></div>
			</div></div></div></div></div>
			<div><div class="icon"><span><img alt="" src="images/events-icon.gif"/></span></div></div>
		</div>
		 -->
    <div id="news" class="box">
      <div class="tl">
        <div class="br">
          <div class="bl">
            <div class="tr">
              <div class="inner" style="height: 450px;">
                <div class="title" style="padding-left: 20px;"><span id="rssChannelTitle">please wait...</span></div>
                <div style="padding-left:50px;height: 305px;overflow: auto;min-width: 270px;width: 93%;overflow-x:hidden;">
                  <ul id="rssItems">
                  </ul>
                </div>
                <div><a href="javascript:showRssPreferences();" class="goto">Configure RSS News<span><img alt="" src="images/rss-icon.gif"/></span></a></div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div>
        <div class="icon"><span><img alt="" src="images/news-icon.png"/></span></div>
      </div>
    </div>
  </div>
</div>
<!-- HOME ENDS -->

<div id="balloonRSS" style="position: absolute;top:0px;left: 0px;z-index: 100;background-color: #fafafa;border: 1px solid #dadada;min-height: 50px;min-width: 200px;display:none;">&nbsp;</div>

<!-- MAIL STARTS -->
<div id="mail" style="display: none;"> 
  
  <!--  MAIL FOLDERS START -->
  <div id="folders" onscroll="reLocateFolderActions();">
    <div id="mailFolders"></div>
    <ul class="buttons" id="folderActionsBtn">
      <li class="sub" onclick="showHideFolderActions();">
        <div> <span> <img alt="" src="images/forders-actions.gif"/> </span> Folder Actions </div>
      </li>
    </ul>
    <div id="folderActions" style="display:none;">
      <table border="0" cellspacing="1" cellpadding="0" width="100%">
        <tr>
          <td colspan="2" style="border-bottom: 1px solid #fafafa;height: 20px;"><input type="hidden" name="folderActionsId" id="folderActionsId"/>
            <strong>Folder: <span id="folderActionsFolder">INBOX</span></strong></td>
        </tr>
        <tr>
          <td width="1%"><img src="images/new-icon.gif"/></td>
          <td><a href="javascript:showCreateMailFolder();">Create New Folder</a></td>
        </tr>
        <tr id="renameMailFolderTr">
          <td width="1%"><img src="images/createfilter-icon.gif"/></td>
          <td><a href="javascript:showRenameMailFolder();">Renaming Folder</a></td>
        </tr>
        <tr id="deleteMailFolderTr">
          <td width="1%"><img src="images/delete-icon-small.gif"/></td>
          <td><a href="javascript:showDeleteMailFolder();">Delete Folder</a></td>
        </tr>
        <tr>
          <td width="1%"><img src="images/trashcan_empty.gif"/></td>
          <td><a href="javascript:showEmptyMailFolder();">Empty Folder</a></td>
        </tr>
      </table>
    </div>
  </div>
  <!--  MAIL FOLDERS END --> 
  
  <!-- INBOX STARTS -->
  <div id="inbox">
    <div class="inboxholder">
      <div class="inner">
        <ul id="tools">
          <li id="refreshMail"><a href="javascript:refreshMail();"><span><img alt="" src="images/refresh-icon.gif" id="refreshMailImg"/></span>Refresh</a></li>
          <li id="deleteMail"><a href="javascript:deleteMail();"><span><img alt="" src="images/delete-icon.gif" id="deleteMailImg"/></span>Delete</a></li>
          <li id="newMail"><a href="javascript:newMail()"><span><img alt="" src="images/new-icon.gif" id="newMailImg"/></span>Compose</a></li>
          <li id="replyMail"><a href="javascript:replyMail()"><span><img alt="" src="images/reply-icon.gif" id="replyMailImg"/></span>Reply</a></li>
          <li id="replyAllMail"><a href="javascript:replyAllMail()"><span><img alt="" src="images/replyall-icon.gif" id="replyAllMailImg"/></span>Reply All</a></li>
          <li id="forwardMail"><a href="javascript:forwardMail()"><span><img alt="" src="images/forward-icon.gif" id="forwardMailImg"/></span>Forward</a></li>
          <li class="sub last"><a href="#"><span><img alt="" src="images/more-icon.gif"/></span>More Actions</a>
            <ul>
              <li id="saveSenderMail"><a href="javascript:saveSender();"><span><img alt="" src="images/savesender-icon.gif" id="saveSenderMailImg"/></span>Save Sender</a></li>
              <li id="showHeadersMail"><a href="javascript:showHeaders();"><span><img alt="" src="images/shoheaders-icon.gif" id="showHeadersMailImg"/></span>Show Headers</a></li>
              <!-- <li id="createFilterMail"><a href="javascript:showFilterPreferences();"><span><img alt="" src="images/createfilter-icon.gif" id="createFilterMailImg"/></span>Create Filter</a></li>  -->
            </ul>
          </li>
        </ul>
        <div class="inboxTitle" id="inboxTitle1">Inbox</div>
        <div style="display:none;margin-left:8px;height:27px;padding-top: 6px;" id="kitwait"><img src="images/ajax-load-mini.gif"/></div>
        <div id="mailList"></div>
        <div id="folderseperator" onmousedown="setPos(event)" onmouseup="mouseStatus = 'up'"></div>
        <div id="mailBody"></div>
        <div align="center" style="width:100%">
          <div id="pager"><img alt="" src="images/space.gif" width="150" height="1"></div>
        </div>
      </div>
    </div>
  </div>
  <!-- INBOX ENDS --> 
  
  <!-- COMPOSE STARTS -->
  <div id="compose" style="display: none;">
    <div class="inboxholder">
      <div class="inner">
        <ul id="tools">
          <li id="sendMail"><a href="javascript:sendMail();"><span><img alt="" src="images/send-icon.gif" id="okMailImg"/></span>Send Mail</a></li>
          <li id="attachMail">
            <div class="uploader">
              <input onchange="addNewUpload()" class="uploadbox" type="file" id="inputfile" name="inputfile" />
              <img alt="" src="images/new-icon.gif" id="attachMailImg" />Attach File </div>
          <li id="saveMail"><a href="javascript:saveAsDraft();"><span><img alt="" src="images/save-icon.gif" id="saveMailImg"/></span>Save As Draft</a></li>
          <li id="preferencesMail"><a href="javascript:showHidePrefsMail();"><span><img alt="" src="images/message-preferences.gif" id="preferencesMailImg"/></span>Options</a></li>
          <li id="cancelMail"><a href="javascript:cancelMail();"><span><img alt="" src="images/delete-icon.gif" id="cancelMailImg"/></span>Cancel</a></li>
        </ul>
        <div class="inboxTitle" id="inboxTitle2">COMPOSE MAIL</div>
        <div id="composer">
          <table width="100%" border="0" cellspacing="3" cellpadding="3" align="center">
            <!-- Begin Compose Table -->
            <tr>
              <td><table width="100%" border="0" align="left" cellpadding="0" cellspacing="0">
                  <tr>
                    <td valign="top"><table width="100%" align="center" cellpadding="0" cellspacing="1">
                        <tr>
                          <td width="100%"><form action="/composeAction" method="post" id="composeForm">
                              <input type="hidden" name="action" value=""/>
                              <input type="hidden" id="from" name="from" value=""/>
                              <input type="hidden" name="htmlEmail" value="false" />
                              <table border="0"  cellspacing="1"  cellpadding="3" width="100%">
                                <tbody class="tableBody" >
                                  <tr>
                                    <td width="1%" nowrap="nowrap"><strong>To:</strong></td>
                                    <td width="99%" valign="middle" nowrap="nowrap"><input type="text" name="to" size="80" id="to"/>
                                      <div id="autoCompleteTo" class="autocomplete"></div>
                                      
                                      <!-- 
														&nbsp;
														[ <a href="javascript:showHide('bcctr');" style='color:#5A799E;font-weight:bold;'>bcc</a> ]
														 --></td>
                                  </tr>
                                  <tr id="cctr">
                                    <td width="1%" nowrap="nowrap"><strong>Cc:</strong></td>
                                    <td width="99%"><input type="text" name="cc" size="80" id="cc"/>
                                      <div id="autoCompleteCc" class="autocomplete"></div></td>
                                  </tr>
                                  <tr id="bcctr">
                                    <td width="1%" nowrap="nowrap"><strong>Bcc:</strong></td>
                                    <td width="99%" nowrap="nowrap"><input type="text" name="bcc" size="80" id="bcc"/>
                                      <div id="autoCompleteBcc" class="autocomplete"></div></td>
                                  </tr>
                                  <tr>
                                    <td width="1%" nowrap="nowrap"><strong>Subject:</strong></td>
                                    <td width="99%" nowrap="nowrap"><input type="text" name="subject" id="subject" size="80" onkeydown="return(subjectJump(event));"/></td>
                                  </tr>
                                  <tr id="messageOptions" style="display: none;">
                                    <td width="1%" nowrap="nowrap">&nbsp;</td>
                                    <td width="99%" nowrap="nowrap"><strong>Priority:</strong>
                                      <select name="priority" id="priority" style="border: 1px solid #999999;font-size: 9px;" nohide="true">
                                        <option value="5">Low</option>
                                        <option value="3" selected>Normal</option>
                                        <option value="1">High</option>
                                      </select>
                                      &nbsp;&nbsp;&nbsp;&nbsp; <strong>Sensitivity:</strong>
                                      <select name="sensitivity" id="sensitivity" style="border: 1px solid #999999;font-size: 9px;" nohide="true">
                                        <option value="1" selected>Normal</option>
                                        <option value="2">Personal</option>
                                        <option value="3">Private</option>
                                        <option value="4">Confidential</option>
                                      </select>
                                      &nbsp;&nbsp;&nbsp;&nbsp; <strong>Request read receipt:</strong>
                                      <input name="requestReceiptNotification" id="requestReceiptNotification" type="checkbox" value="1" style="border: 1px solid #999999;font-size: 9px;width:15px;"></td>
                                  </tr>
                                  <tr id="attachmentstr" style="display:none;background-color: #F6F6F6;">
                                    <td width="100%" nowrap="nowrap" colspan="2" style="padding-right: 10px;"><div style="border: 1px solid #d2d2d2;width: 100%;overflow: visible;padding: 4px;">
                                        <table border="0" cellspacing="0" cellpadding="0" width="100%">
                                          <tr>
                                            <td style="float: left;" width="99%"><div style="float: left;">
                                                <ul id="composeAttachmentList">
                                                  <!-- 
																				<li><img src="images/attachment.gif"/><span>hebelek.jpg (120KB)</span><a href="#" onclick="removeAttach()" attid="1">Remove</a></li>
																				<li><img src="images/uploading.gif"/><span>cabbar.doc (148KB)</span><a href="#" onclick="removeAttach()" attid="2">Remove</a></li>
																				 -->
                                                </ul>
                                              </div></td>
                                            <td align="right" nowrap="nowrap" width="1%" valign="top"><div style="float: right;font-size: 11px;font-weight:bold;color: #999999;padding-right: 10px;"> Total Size: <span id="totalSize">0K</span> </div></td>
                                          </tr>
                                        </table>
                                      </div></td>
                                  </tr>
                                </tbody>
                              </table>
                              <br/>
                              <script>
											tinyMCE.init({
												mode : "exact",
												theme : "advanced",
												elements: "",
												plugins : "iespell",
												theme_advanced_toolbar_location : "top",
												theme_advanced_toolbar_align : "left",
												theme_advanced_buttons1 : "separator, newdocument, bold, italic, underline, strikethrough, fontsizeselect, separator, justifyleft, justifycenter, justifyright, justifyfull, separator, bullist, numlist, separator, outdent, indent, separator, link, image, forecolor, backcolor, charmap, separator, iespell, code",
												theme_advanced_buttons2 : "",
												theme_advanced_buttons3 : "",
												content_css : "css/editor.css",
												language : lang,
												force_p_newlines: false,
												force_br_newlines: true,
												auto_resize : false,
												verify_html : "false"
											});
										
										</script>
                              <textarea id="composeBody" rows="25" cols="60" style="width:85%;" name="composeBody"></textarea>
                              <br>
                            </form></td>
                        </tr>
                      </table></td>
                  </tr>
                </table></td>
            </tr>
            <!-- End Compose Table -->
          </table>
        </div>
      </div>
    </div>
  </div>
  <!-- COMPOSE ENDS --> 
  
</div>
<!-- MAIL ENDS --> 

<!-- CONTACTS STARTS -->
<div id="contacts" style="display:none;">
  <div id="contactFolders">
    <div id="contactList">
      <div class="inner">
        <ul id="tools" style="background: transparent;overflow: hidden;margin-top: 5px;margin-right: 10px;overflow: hidden;float: left;">
          <li id="addContact" style="background: none;"><a href="javascript:clearContactForm();Dom.get('contFirstName').focus();"><span style="background: transparent;"><img alt="" src="images/add-contact.gif" id="addContactImg"/></span>Add Contact</a></li>
          <!-- <li id="addGroup" style="background: none;"><a href="javascript:addGroup();"><span style="background: transparent;"><img alt="" src="images/add-group.gif" id="addGroupImg"/></span>Add Group</a></li>  -->
          <li id="searchContactLi" style="background:none;width: 150px;float: right;">
            <table border="0" cellspacing="0" cellpadding="0" id="searchContact">
              <tr>
                <td width="127"><input type="text" id="searchContactTxt" name="searchContactTxt" onkeyup="searchContact();"/></td>
                <td width="23" align="left" style="float: left;"><a href="javascript:cancelSearchContact();" style="float: left;"><img src="images/search-cancel.gif" border="0" style="margin-top: 6px;margin-right: 9px;margin-left: -10px;"/></a></td>
              </tr>
            </table>
          </li>
        </ul>
        <div id="contactListReal">
          <table border="0" cellspacing="0" cellpadding="0" width="370" align="center">
            <thead id="contactListRealHead">
              <tr>
                <th style="width: 1%;">&nbsp;</th>
                <th style="width: 50%;">Full Name:</th>
                <th style="width: 49%; border-right: none;">Mail:</th>
              </tr>
            </thead>
            <tbody id="contactListRealBody">
              <tr>
                <td align="center" style="border-bottom: none;" colspan="3"><br />
                  <br />
                  <br />
                  <div align="center"><img src="images/chat/loading.gif" width="32" height="32"></div></td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
    <ul class="buttons" id="contactActionsBtn">
      <li style="width:120px;overflow:hidden;"><a href="javascript:importContacts();"><span><img alt="" src="images/import-contacts.gif"/></span>Import</a></li>
      <li style="width:130px;overflow:hidden;"><a href="javascript:exportAllContacts();"><span><img alt="" src="images/export-contacts.gif"/></span>Export</a></li>
    </ul>
  </div>
  <div id="contactDetails">
    <div class="contactsHolder">
      <div class="inner">
        <ul id="tools">
          <li id="saveContact"><a href="javascript:saveCheckContact();"><span><img alt="" src="images/savesender-icon.gif" id="saveContactImg"/></span>Save Contact</a></li>
          <li id="sendMailContact"><a href="javascript:contactSendMail();"><span><img alt="" src="images/send-icon.gif" id="sendMailContactImg"/></span>Send Mail</a></li>
          <li id="deleteContact"><a href="javascript:showDeleteContact();"><span><img alt="" src="images/delete-icon.gif" id="deleteContactImg"/></span>Delete Contact</a></li>
          <li id="vcardContact"><a href="javascript:exportVcardContact();"><span><img alt="" src="images/vcard-ico.gif" id="vcardContactImg"/></span>Save as vCard</a></li>
        </ul>
        <div><img src="images/space.gif" border=0 alt="" height="34"></div>
        <div id="accordionDiv">
          <div id="generalContactPanel">
            <div id="generalContactHeader" class="accordionHeader">
              <div style="color:black;padding-left: 5px;">General Information:</div>
            </div>
            <div id="generalContactContent" class="accordionTabContentBox" style="background-color: #ffffff;"> <img src="images/new-huge.gif" style="float: left;padding: 10px;padding-right: 15px;" id="seximg"/>
              <input type="hidden" id="contId" name="contId">
              <table border="0" cellspacing="1" cellpadding="3" style="margin-top: 10px;">
                <tr>
                  <td width="1%" nowrap="nowrap"><strong>First Name : </strong></td>
                  <td width="99%"><input type="text" name="contFirstName" id="contFirstName" class="txt200" maxlength="100"/></td>
                </tr>
                <tr>
                  <td width="1%" nowrap="nowrap"><strong>Middle Name : </strong></td>
                  <td width="99%"><input type="text" name="contMiddleName" id="contMiddleName" class="txt200" maxlength="100"/></td>
                </tr>
                <tr>
                  <td width="1%" nowrap="nowrap"><strong>Last Name : </strong></td>
                  <td width="99%"><input type="text" name="contLastName" id="contLastName" class="txt200" maxlength="100"/></td>
                </tr>
                <tr>
                  <td width="1%" nowrap="nowrap"><strong>Title : </strong></td>
                  <td width="99%"><input type="text" name="contTitle" id="contTitle" class="txt100" maxlength="50"/></td>
                </tr>
                <tr>
                  <td width="1%" nowrap="nowrap"><strong>Sex : </strong></td>
                  <td width="99%"><select id="contSex" class="txt100" name="contSex" onchange="changeSexImage();">
                      <option value="">Please Select</option>
                      <option value="M">Male</option>
                      <option value="F">Female</option>
                    </select></td>
                </tr>
                <tr>
                  <td width="1%" nowrap="nowrap"><strong>Primary Mail : </strong></td>
                  <td width="99%"><input type="text" name="contEmailPrimary" id="contEmailPrimary" class="txt200" maxlength="255"/></td>
                </tr>
                <tr>
                  <td width="1%" nowrap="nowrap"><strong>Alternative Mail : </strong></td>
                  <td width="99%"><input type="text" name="contEmailAlternative" id="contEmailAlternative" class="txt200" maxlength="255"/></td>
                </tr>
                <tr>
                  <td width="1%" nowrap="nowrap"><strong>Primary Gsm No : </strong></td>
                  <td width="99%"><input type="text" name="contGsmNoPrimary" id="contGsmNoPrimary" class="txt200" maxlength="30"/></td>
                </tr>
                <tr>
                  <td width="1%" nowrap="nowrap"><strong>Alternative Gsm No : </strong></td>
                  <td width="99%"><input type="text" name="contGsmNoAlternative" id="contGsmNoAlternative" class="txt200" maxlength="30"/></td>
                </tr>
                <tr>
                  <td width="1%" nowrap="nowrap"><strong>Url : </strong></td>
                  <td width="99%"><input type="text" name="contWebPage" id="contWebPage" class="txt200" maxlength="255"/></td>
                </tr>
                <tr>
                  <td width="1%" nowrap="nowrap"><strong>Nickname : </strong></td>
                  <td width="99%"><input type="text" name="contNickName" id="contNickName" class="txt200" maxlength="50"/></td>
                </tr>
                <tr>
                  <td width="1%" nowrap="nowrap"><strong>Spouse's Name : </strong></td>
                  <td width="99%"><input type="text" name="contSpouseName" id="contSpouseName" class="txt200" maxlength="255"/></td>
                </tr>
                <tr>
                  <td width="1%" nowrap="nowrap"><strong>Notes : </strong></td>
                  <td width="99%"><textarea rows="5" cols="50" id="contPersonalNote" name="contPersonalNote" class="txtArea"></textarea></td>
                </tr>
                <tr>
                  <td width="1%" nowrap="nowrap"><strong>Birthday : </strong></td>
                  <td width="99%"><select id="contBirthMonth" name="contBirthMonth" class="txt75">
                      <option value="">Month</option>
                      <option value="01">01</option>
                      <option value="02">02</option>
                      <option value="03">03</option>
                      <option value="04">04</option>
                      <option value="05">05</option>
                      <option value="06">06</option>
                      <option value="07">07</option>
                      <option value="08">08</option>
                      <option value="09">09</option>
                      <option value="10">10</option>
                      <option value="11">11</option>
                      <option value="12">12</option>
                    </select>
                    &nbsp;
                    <select id="contBirthDay" name="contBirthDay" class="txt75">
                      <option value="">Day</option>
                      <option value="01">01</option>
                      <option value="02">02</option>
                      <option value="03">03</option>
                      <option value="04">04</option>
                      <option value="05">05</option>
                      <option value="06">06</option>
                      <option value="07">07</option>
                      <option value="08">08</option>
                      <option value="09">09</option>
                      <option value="10">10</option>
                      <option value="11">11</option>
                      <option value="12">12</option>
                      <option value="13">13</option>
                      <option value="14">14</option>
                      <option value="15">15</option>
                      <option value="16">16</option>
                      <option value="17">17</option>
                      <option value="18">18</option>
                      <option value="19">19</option>
                      <option value="20">20</option>
                      <option value="21">21</option>
                      <option value="22">22</option>
                      <option value="23">23</option>
                      <option value="24">24</option>
                      <option value="25">25</option>
                      <option value="26">26</option>
                      <option value="27">27</option>
                      <option value="28">28</option>
                      <option value="29">29</option>
                      <option value="30">30</option>
                      <option value="31">31</option>
                    </select></td>
                </tr>
                <tr>
                  <td width="1%" nowrap="nowrap"><strong>Anniversary : </strong></td>
                  <td width="99%"><select id="contAnniversaryMonth" name="contAnniversaryMonth" class="txt75">
                      <option value="">Month</option>
                      <option value="01">01</option>
                      <option value="02">02</option>
                      <option value="03">03</option>
                      <option value="04">04</option>
                      <option value="05">05</option>
                      <option value="06">06</option>
                      <option value="07">07</option>
                      <option value="08">08</option>
                      <option value="09">09</option>
                      <option value="10">10</option>
                      <option value="11">11</option>
                      <option value="12">12</option>
                    </select>
                    &nbsp;
                    <select id="contAnniversaryDay" name="contAnniversaryDay" class="txt75">
                      <option value="">Day</option>
                      <option value="01">01</option>
                      <option value="02">02</option>
                      <option value="03">03</option>
                      <option value="04">04</option>
                      <option value="05">05</option>
                      <option value="06">06</option>
                      <option value="07">07</option>
                      <option value="08">08</option>
                      <option value="09">09</option>
                      <option value="10">10</option>
                      <option value="11">11</option>
                      <option value="12">12</option>
                      <option value="13">13</option>
                      <option value="14">14</option>
                      <option value="15">15</option>
                      <option value="16">16</option>
                      <option value="17">17</option>
                      <option value="18">18</option>
                      <option value="19">19</option>
                      <option value="20">20</option>
                      <option value="21">21</option>
                      <option value="22">22</option>
                      <option value="23">23</option>
                      <option value="24">24</option>
                      <option value="25">25</option>
                      <option value="26">26</option>
                      <option value="27">27</option>
                      <option value="28">28</option>
                      <option value="29">29</option>
                      <option value="30">30</option>
                      <option value="31">31</option>
                    </select></td>
                </tr>
              </table>
            </div>
          </div>
          <div id="homeContactPanel">
            <div id="homeContactHeader" class="accordionHeader">
              <div style="color:black;padding-left: 5px;">Home:</div>
            </div>
            <div id="homeContactContent" class="accordionTabContentBox" style="background-color: #ffffff;"> <img src="images/bighome.gif" style="float: left;padding: 10px;padding-right: 15px;"/>
              <table border="0" cellspacing="1" cellpadding="3" style="margin-top: 10px;">
                <tr>
                  <td width="1%" nowrap="nowrap"><strong>Address : </strong></td>
                  <td width="99%"><textarea rows="5" cols="50" id="contHomeAddress" name="contHomeAddress" class="txtArea" style="height: 50px;width: 60%"></textarea></td>
                </tr>
                <tr>
                  <td width="1%" nowrap="nowrap"><strong>City : </strong></td>
                  <td width="99%"><input type="text" name="contHomeCity" id="contHomeCity" class="txt200" maxlength="255"/></td>
                </tr>
                <tr>
                  <td width="1%" nowrap="nowrap"><strong>State/Province : </strong></td>
                  <td width="99%"><input type="text" name="contHomeProvince" id="contHomeProvince" class="txt200" maxlength="255"/></td>
                </tr>
                <tr>
                  <td width="1%" nowrap="nowrap"><strong>Zip Code : </strong></td>
                  <td width="99%"><input type="text" name="contHomeZip" id="contHomeZip" class="txt100" maxlength="5"/></td>
                </tr>
                <tr>
                  <td width="1%" nowrap="nowrap"><strong>Country : </strong></td>
                  <td width="99%"><input type="text" name="contHomeCountry" id="contHomeCountry" class="txt200" maxlength="100"/></td>
                </tr>
                <tr>
                  <td width="1%" nowrap="nowrap"><strong>Home Phone : </strong></td>
                  <td width="99%"><input type="text" name="contHomePhone" id="contHomePhone" class="txt200" maxlength="30"/></td>
                </tr>
                <tr>
                  <td width="1%" nowrap="nowrap"><strong>Home Fax : </strong></td>
                  <td width="99%"><input type="text" name="contHomeFaks" id="contHomeFaks" class="txt200" maxlength="30"/></td>
                </tr>
              </table>
            </div>
          </div>
          <div id="workContactPanel">
            <div id="workContactHeader" class="accordionHeader">
              <div style="color:black;padding-left: 5px;">Work:</div>
            </div>
            <div id="workContactContent" class="accordionTabContentBox" style="background-color: #ffffff;"> <img src="images/office-huge.gif" style="float: left;padding: 10px;padding-right: 15px;"/>
              <table border="0" cellspacing="1" cellpadding="3" style="margin-top: 10px;">
                <tr>
                  <td width="1%" nowrap="nowrap"><strong>Company : </strong></td>
                  <td width="99%"><input type="text" name="contWorkCompany" id="contWorkCompany" class="txt200" maxlength="100"/></td>
                </tr>
                <tr>
                  <td width="1%" nowrap="nowrap"><strong>Job Title : </strong></td>
                  <td width="99%"><input type="text" name="contWorkJobTitle" id="contWorkJobTitle" class="txt200" maxlength="100"/></td>
                </tr>
                <tr>
                  <td width="1%" nowrap="nowrap"><strong>Office : </strong></td>
                  <td width="99%"><input type="text" name="contWorkOffice" id="contWorkOffice" class="txt200" maxlength="100"/></td>
                </tr>
                <tr>
                  <td width="1%" nowrap="nowrap"><strong>Department : </strong></td>
                  <td width="99%"><input type="text" name="contWorkDepartment" id="contWorkDepartment" class="txt200" maxlength="100"/></td>
                </tr>
                <tr>
                  <td width="1%" nowrap="nowrap"><strong>Profession : </strong></td>
                  <td width="99%"><input type="text" name="contWorkProfession" id="contWorkProfession" class="txt200" maxlength="100"/></td>
                </tr>
                <tr>
                  <td width="1%" nowrap="nowrap"><strong>Manager's Name : </strong></td>
                  <td width="99%"><input type="text" name="contWorkManagerName" id="contWorkManagerName" class="txt200" maxlength="255"/></td>
                </tr>
                <tr>
                  <td width="1%" nowrap="nowrap"><strong>Assistant's Name : </strong></td>
                  <td width="99%"><input type="text" name="contWorkAssistantName" id="contWorkAssistantName" class="txt200" maxlength="255"/></td>
                </tr>
                <tr>
                  <td width="1%" nowrap="nowrap"><strong>Address : </strong></td>
                  <td width="99%"><textarea rows="5" cols="50" id="contWorkAddress" name="contWorkAddress" class="txtArea" style="height: 50px;width: 60%"></textarea></td>
                </tr>
                <tr>
                  <td width="1%" nowrap="nowrap"><strong>City : </strong></td>
                  <td width="99%"><input type="text" name="contWorkCity" id="contWorkCity" class="txt200" maxlength="255"/></td>
                </tr>
                <tr>
                  <td width="1%" nowrap="nowrap"><strong>State/Province : </strong></td>
                  <td width="99%"><input type="text" name="contWorkProvince" id="contWorkProvince" class="txt200" maxlength="255"/></td>
                </tr>
                <tr>
                  <td width="1%" nowrap="nowrap"><strong>Zip Code : </strong></td>
                  <td width="99%"><input type="text" name="contWorkZip" id="contWorkZip" class="txt100" maxlength="5"/></td>
                </tr>
                <tr>
                  <td width="1%" nowrap="nowrap"><strong>Country : </strong></td>
                  <td width="99%"><input type="text" name="contWorkCountry" id="contWorkCountry" class="txt200" maxlength="100"/></td>
                </tr>
                <tr>
                  <td width="1%" nowrap="nowrap"><strong>Work Phone : </strong></td>
                  <td width="99%"><input type="text" name="contWorkPhone" id="contWorkPhone" class="txt200" maxlength="30"/></td>
                </tr>
                <tr>
                  <td width="1%" nowrap="nowrap"><strong>Work Fax : </strong></td>
                  <td width="99%"><input type="text" name="contWorkFaks" id="contWorkFaks" class="txt200" maxlength="30"/></td>
                </tr>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="contactSavedIndicator" class="roundedcornr_box_171934" style="display:none;width: 260px;overflow: visible;z-index: 6001;position: absolute;">
    <div class="roundedcornr_top_171934">
      <div></div>
    </div>
    <div class="roundedcornr_content_171934" align="center" style="font-weight: bold;white-space: nowrap;"> Contact saved successfully. </div>
    <div class="roundedcornr_bottom_171934">
      <div></div>
    </div>
  </div>
  <div id="deleteContactQuestion" class="dialogBox" style="display:none;width: 400px;height: 120px;">
    <div class="dialogHeader">Confirmation Needed</div>
    <div class="dialogBody"> <img src="images/question.gif" class="dialogBoxIcon"/>
      <div class="dialogText"> Are you sure you want to delete this contact?<br/>
        <br/>
      </div>
      <table border="0" cellspacing="0" cellpadding="0" align="right">
        <tr>
          <td width="50%" align="right"><table height="23" border="0" cellspacing="0" cellpadding="0" width="50">
              <tr>
                <td width="1%"><img src="images/button-left-bg.gif" width="9" height="23"/></td>
                <td nowrap="nowrap" style="background-image: url(images/button-bg.gif);text-align:center;padding-left:15px;padding-right:15px;cursor:pointer" width="98%" height="23" onclick="Dom.get('deleteContactQuestion').style.display='none';deleteContact();">Yes</td>
                <td width="1%"><img src="images/button-right-bg.gif" width="9" height="23"/></td>
              </tr>
            </table></td>
          <td width="50%" align="left" style="padding-left: 20px;"><table height="23" border="0" cellspacing="0" cellpadding="0" width="50">
              <tr>
                <td width="1%"><img src="images/button-left-bg.gif" width="9" height="23"/></td>
                <td nowrap="nowrap" style="background-image: url(images/button-bg.gif);text-align:center;padding-left:15px;padding-right:15px;cursor:pointer" width="98%" height="23" onclick="hideDialog('deleteContactQuestion');">No</td>
                <td width="1%"><img src="images/button-right-bg.gif" width="9" height="23"/></td>
              </tr>
            </table></td>
        </tr>
      </table>
    </div>
  </div>
  <div id="contactImportWin" class="dialogBox" style="display:none;width: 550px;height: 450px;z-index: 6001">
    <div class="dialogHeader">Import Contacts</div>
    <div class="dialogBody"> <img src="images/info.gif" class="dialogBoxIcon" style="padding-bottom: 20px;"/>
      <div class="dialogText"> <strong>How do I import contacts?</strong>
        <p>First, you'll need to format your contacts as a CSV file -- often times, address books exported from other mail providers are already formatted as CSV files. 
          You can also create your own. </p>
        <p>Once you have a CSV file with all your contacts' information, you may need to manually edit the file to make it compatible with Claros inTouch.</p>
        <strong> How do I format a CSV file?</strong>
        <p>Your CSV file should be formatted as a table and must include a header, or first line, that defines the fields in your table. 
          An example csv file is <a href="http://www.claros.org/products/intouch/import.csv" target="_blank">here</a>. The list of all available header names are <a href="http://www.claros.org/products/intouch/headers.txt" target="_blank">here</a>.</p>
        <p><strong>Please Note:</strong>All fields must be seperated with a semicolon(;)</p>
        <iframe src="contact_import_iframe.jsp" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" width="100%" height="90" id="contactImportIframe" name="contactImportIframe"></iframe>
      </div>
      <table border="0" width="100%" cellspacing="1" cellpadding="3">
        <tr>
          <td width="80%" align="right" nowrap="nowrap"><table height="23" border="0" cellspacing="0" cellpadding="0" width="50">
              <tr>
                <td width="1%"><img src="images/button-left-bg.gif" width="9" height="23"/></td>
                <td nowrap="nowrap" style="background-image: url(images/button-bg.gif);text-align:center;padding-left:15px;padding-right:15px;cursor:pointer" width="98%" height="23" onclick="uploadImportCsv();">Start Importing</td>
                <td width="1%"><img src="images/button-right-bg.gif" width="9" height="23"/></td>
              </tr>
            </table></td>
          <td width="20%" align="right"><table height="23" border="0" cellspacing="0" cellpadding="0" width="50">
              <tr>
                <td width="1%"><img src="images/button-left-bg.gif" width="9" height="23"/></td>
                <td nowrap="nowrap" style="background-image: url(images/button-bg.gif);text-align:center;padding-left:15px;padding-right:15px;cursor:pointer" width="98%" height="23" onclick="hideDialog('contactImportWin');">Cancel</td>
                <td width="1%"><img src="images/button-right-bg.gif" width="9" height="23"/></td>
              </tr>
            </table></td>
        </tr>
      </table>
    </div>
  </div>
  <script type="text/javascript">
	var accordion = new Rico.Accordion( $('accordionDiv'), {borderColor: '#B9B9B9'});
	window.onresize = function () {
		accordion.initialize($('accordionDiv'), {borderColor: '#B9B9B9'});
	}
</script> 
</div>
<!-- CONTACTS ENDS --> 

<!-- CALENDAR STARTS -->
<div id="calendardiv" style="display:none;"> this is the calendar </div>
<!-- CALENDAR ENDS --> 

<!-- NOTES STARTS -->
<div id="notes" style="display:none;">
  <div id="notesFolders">
    <div id="notesList">
      <div class="inner">
        <ul id="tools" style="background: transparent;overflow: hidden;margin-top: 5px;margin-right: 10px;overflow: hidden;float: left;">
          <li id="addNoteFolder"><a href="javascript:showDialog('addNotebook');"><span style="background: transparent;"><img alt="" src="images/forders-new.gif" id="addNoteFolderImg"/></span>Add Notebook</a></li>
          <li id="deleteNoteFolder"><a href="javascript:showDialog('deleteNotebookQuestion');"><span style="background: transparent;"><img alt="" src="images/delete-icon.gif" id="deleteNoteFolderImg"/></span>Delete</a></li>
        </ul>
        <div id="noteFolderListReal">
          <table border="0" cellspacing="0" cellpadding="0" width="200" align="center">
            <thead id="noteFolderListRealHead">
              <tr>
                <th>Notebooks:</th>
              </tr>
            </thead>
            <tbody id="noteFolderListRealBody">
              <tr>
                <td align="center" style="border-bottom: none;"><br />
                  <br />
                  <br />
                  <div align="center"><img src="images/chat/loading.gif" width="32" height="32"></div></td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
  <div id="notesDetails">
    <div id="newNote" align="right">
      <table height="23" border="0" cellspacing="0" cellpadding="0" width="50">
        <tr>
          <td width="1%"><img src="images/newnote-left.gif" width="10" height="29"/></td>
          <td width="1%" style="background-image: url(images/newnote-bg.gif);cursor:pointer" onclick="addNewNote();"><img src="images/new-icon.png"/></td>
          <td nowrap="nowrap" style="background-image: url(images/newnote-bg.gif);text-align:center;padding-left:5px;padding-right:5px;cursor:pointer" width="98%" height="23" onclick="addNewNote();">New Note</td>
          <td width="1%"><img src="images/newnote-right.gif" width="10" height="29"/></td>
        </tr>
      </table>
    </div>
    <div id="memoBoard">
      <div id='noteWin' class='noteBox' onmouseout="setNoteSizeAndPos(this);">
        <div id='noteDelBtn' class='demoBtn' onclick="bringNoteToFront(this);deleteNote(this);" style="padding-right:4px;cursor: pointer;width: 15px;" align="right"><img src="images/note-close.png" style="margin-top: 3px;"/></div>
        <div id='noteBar' class='noteBar' onclick="bringNoteToFront(this);" onmouseup="dragStop(event);">&nbsp;</div>
        <div id="demoContent" class='demoContent' onclick="bringNoteToFront(this);noteEditContents(this);" style="overflow: auto;outline: none;"></div>
        <div id='noteColorSelect' style="width: 80px;height:10px;padding-left: 2px;position:absolute;">
          <div id="yellowNote" class="colorBox" style="background-color:#fdf7ad;" onclick="changeNoteColor(this, 'yellow');">&nbsp;</div>
          <div id="blueNote" class="colorBox" style="background-color:#bfdfff;" onclick="changeNoteColor(this, 'blue');">&nbsp;</div>
          <div id="greenNote" class="colorBox" style="background-color:#e9ffbf;" onclick="changeNoteColor(this, 'green');">&nbsp;</div>
          <div id="redNote" class="colorBox" style="background-color:#ffc4bf;" onclick="changeNoteColor(this, 'red');">&nbsp;</div>
        </div>
        <div id='noteResizeBtn' class='demoBtn' style="width:10px;height:10px;float:right;background-image: url('images/note-resize-handler.gif'); background-repeat: no-repeat;cursor: se-resize;" onclick="bringNoteToFront(this);" onmouseup="_xOMU(this);">&nbsp;</div>
      </div>
    </div>
    <div id="notesFolderName" align="right">
      <div style="padding-top: 32px;" id="notebookNameShow">Unorganized Notes</div>
    </div>
    <textarea rows="3" cols="10" class="noteTextArea" id="noteTextAreaTemplate" value="" onblur="saveNoteContents(this)" style="display: none;"></textarea>
  </div>
  <div id="addNotebook" class="dialogBox" style="display:none;width: 350px;height: 150px;z-index: 6001">
    <div class="dialogHeader">Add Notebook</div>
    <div class="dialogBody"> <img src="images/info.gif" class="dialogBoxIcon"/>
      <div class="dialogText"> Notebook Name<br/>
        <br/>
        Name:
        <input type='text' name='newNotebookName' id="newNotebookName" style="border: 1px solid #999999"/>
        <br/>
        <br/>
      </div>
      <table border="0" cellspacing="1" cellpadding="3" align="right">
        <tr>
          <td width="50%" align="right"><table height="23" border="0" cellspacing="0" cellpadding="0" width="50">
              <tr>
                <td width="1%"><img src="images/button-left-bg.gif" width="9" height="23"/></td>
                <td nowrap="nowrap" style="background-image: url(images/button-bg.gif);text-align:center;padding-left:15px;padding-right:15px;cursor:pointer" width="98%" height="23" onclick="hideDialog('addNotebook');addNotebook();">OK</td>
                <td width="1%"><img src="images/button-right-bg.gif" width="9" height="23"/></td>
              </tr>
            </table></td>
          <td width="50%"><table height="23" border="0" cellspacing="0" cellpadding="0" width="50">
              <tr>
                <td width="1%"><img src="images/button-left-bg.gif" width="9" height="23"/></td>
                <td nowrap="nowrap" style="background-image: url(images/button-bg.gif);text-align:center;padding-left:15px;padding-right:15px;cursor:pointer" width="98%" height="23" onclick="hideDialog('addNotebook');">Cancel</td>
                <td width="1%"><img src="images/button-right-bg.gif" width="9" height="23"/></td>
              </tr>
            </table></td>
        </tr>
      </table>
    </div>
  </div>
  <div id="deleteNotebookQuestion" class="dialogBox" style="display:none;width: 400px;height: 120px;">
    <div class="dialogHeader">Confirmation Needed</div>
    <div class="dialogBody"> <img src="images/question.gif" class="dialogBoxIcon"/>
      <div class="dialogText"> Are you sure you want to delete this notebook and all its contents? This operation can not be undone.<br/>
        <br/>
      </div>
      <table border="0" cellspacing="0" cellpadding="0" align="right">
        <tr>
          <td width="50%" align="right"><table height="23" border="0" cellspacing="0" cellpadding="0" width="50">
              <tr>
                <td width="1%"><img src="images/button-left-bg.gif" width="9" height="23"/></td>
                <td nowrap="nowrap" style="background-image: url(images/button-bg.gif);text-align:center;padding-left:15px;padding-right:15px;cursor:pointer" width="98%" height="23" onclick="hideDialog('deleteNotebookQuestion');deleteNotebook();">Yes</td>
                <td width="1%"><img src="images/button-right-bg.gif" width="9" height="23"/></td>
              </tr>
            </table></td>
          <td width="50%" align="left" style="padding-left: 20px;"><table height="23" border="0" cellspacing="0" cellpadding="0" width="50">
              <tr>
                <td width="1%"><img src="images/button-left-bg.gif" width="9" height="23"/></td>
                <td nowrap="nowrap" style="background-image: url(images/button-bg.gif);text-align:center;padding-left:15px;padding-right:15px;cursor:pointer" width="98%" height="23" onclick="hideDialog('deleteNotebookQuestion');">No</td>
                <td width="1%"><img src="images/button-right-bg.gif" width="9" height="23"/></td>
              </tr>
            </table></td>
        </tr>
      </table>
    </div>
  </div>
</div>
<!-- NOTES ENDS --> 

<!-- WEBDISK STARTS -->
<div id="webdisk" style="display:none;"> this is the web disk </div>
<!-- WEBDISK ENDS --> 

<!-- CHAT STARTS -->
<div id="chat" style="display:none;" onclick="hideInfoWinFade();">
<link href="css/chat.css" rel="stylesheet" type="text/css" />
<div id="chatlogin" style="display:none">
  <div id="logincenter" style="width:428px; height:281px; outline:none; position:absolute; left: 153px; top: 76px;">
    <table width="428" height="281" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td height="23" id="loginhandle" onmouseup="dragStop(event);" style="color: #0c4363;font-size: 11px;font-weight: bold;padding-left: 37px;padding-bottom:4px;cursor: pointer;background-image: url('images/chat/bg/login_top.gif');background-repeat: no-repeat;">Please select server and login</td>
      </tr>
      <tr>
        <td height="234" valign="top" background="images/chat/bg/login_bg.gif"><form id="loginform" name="loginform" method="post" action="" onsubmit="return false">
            <table width="427" border="0" align="center" cellpadding="5" cellspacing="0">
              <tr>
                <td>&nbsp;</td>
                <td style="color:red;font-weight: bold" id="loginResult">&nbsp;</td>
              </tr>
              <tr>
                <td width="122"><div align="right">User : </div></td>
                <td width="285"><label>
                    <input type="text" name="username" tabindex="1" onkeydown="return(loginCatchEnter(event))" style="width: 200px;border: 1px solid #A3C6E8;height: 14px;font-family: Arial, Helvetica, sans-serif;font-size:11px;"/>
                  </label></td>
              </tr>
              <tr>
                <td><div align="right">Password : </div></td>
                <td><label>
                    <input type="password" name="password" tabindex="2" onkeydown="return(loginCatchEnter(event))" style="width: 200px;border: 1px solid #A3C6E8;height: 14px;font-family: Arial, Helvetica, sans-serif;font-size:11px;"/>
                  </label></td>
              </tr>
              <tr>
                <td><div align="right">Server : </div></td>
                <td><label>
                    <input type="text" name="server" tabindex="3" onkeydown="return(loginCatchEnter(event))" value="Google Talk" readonly="readonly" style="width: 200px;border: 1px solid #A3C6E8;height: 14px;font-family: Arial, Helvetica, sans-serif;font-size:11px;"/>
                  </label></td>
              </tr>
              <tr>
                <td>&nbsp;</td>
                <td><table border="0" cellspacing="0" cellpadding="0" width="100%">
                    <tr>
                      <td width="1%" nowrap="nowrap"><table height="23" border="0" cellspacing="0" cellpadding="0" width="50">
                          <tr>
                            <td width="1%"><img src="images/button-left-bg.gif" width="9" height="23"/></td>
                            <td nowrap="nowrap" style="background-image: url(images/button-bg.gif);text-align:center;padding-left:15px;padding-right:15px;cursor:pointer" width="98%" height="23" onclick="claroslogin();">Login</td>
                            <td width="1%"><img src="images/button-right-bg.gif" width="9" height="23"/></td>
                          </tr>
                        </table></td>
                      <td width="99%" style="padding-left: 7px;"><img src="images/chat/loading_mini.gif" width="16" height="16" id="loginprogress" style="display: none"/> <span id="logintext" style="color: #333333; font-style: italic"></span></td>
                    </tr>
                  </table></td>
              </tr>
              <tr>
                <td colspan="2"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="204" align="right"><a href="#" onmouseout="if (!gtalkClicked) MM_swapImgRestore()" onmouseover="MM_swapImage('gtalk','','images/chat/buttons/gtalk_clicked.gif',1)" onclick="selectGtalk();"><img src="images/chat/buttons/gtalk.gif" name="gtalk" width="188" height="83" border="0" id="gtalk" /></a></td>
                      <td width="10">&nbsp;</td>
                      <td width="203" align="left"><a href="#" onmouseout="if (!jabberClicked) MM_swapImgRestore()" onmouseover="MM_swapImage('jabber','','images/chat/buttons/jabber_clicked.gif',1)" onclick="selectJabber();"><img src="images/chat/buttons/jabber.gif" name="jabber" width="188" height="83" border="0" id="jabber" /></a></td>
                    </tr>
                  </table></td>
              </tr>
            </table>
          </form></td>
      </tr>
      <tr>
        <td height="18" background="images/chat/bg/login_bottom.png">&nbsp;</td>
      </tr>
    </table>
  </div>
</div>
<div id="chatcontacts">
  <table width="189" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td width="189" height="34" id="contactshandle" style="background-image:url('images/chat/bg/contact_win_top.gif');background-repeat:no-repeat;background-position:bottom; color: #0c4363;font-size: 11px;font-weight: bold;padding-left:47px;padding-bottom:5px;vertical-align: bottom;">Buddies</td>
    </tr>
    <tr>
      <td valign="top" background="images/chat/bg/contact_win_bg.gif" height="337"><table width="189" border="0" cellspacing="0" cellpadding="0" height="337">
          <tr>
            <td width="19">&nbsp;</td>
            <td width="154"><div id="contactsscroll"> <br />
                <br />
                <br />
                <div align="center"><img src="images/chat/loading.gif" width="32" height="32"></div>
              </div></td>
            <td width="16">&nbsp;</td>
          </tr>
        </table></td>
    </tr>
    <tr>
      <td width="189" height="25" align="right" valign="bottom" background="images/chat/bg/contact_win_bg.gif"><a href="#" style="margin-right: 25px;color: #0c4363;font-size: 10px;font-weight: bold;" onclick="chatAddContact();">Add Buddy</a></td>
    </tr>
    <tr>
      <td width="189" height="34" background="images/chat/bg/contact_win_bottom.gif">&nbsp;</td>
    </tr>
  </table>
</div>
<div id="infowin" style="visibility:hidden" onmouseover="overInfoWin()" >
  <table width="199" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td height="16" background="images/chat/bg/info_bg_top.gif">&nbsp;</td>
    </tr>
    <tr>
      <td height="60" valign="middle" background="images/chat/bg/info_bg.gif"><table width="179" border="0" align="center" cellpadding="0" cellspacing="0">
          <tr>
            <td align="center"><img src="images/chat/avatar_load.gif" id="avatar" /><br/></td>
          </tr>
          <tr>
            <td><span id="infotexttitle" style="overflow: none;margin-top: 4px;">&nbsp;</span>
              <p id="infotextstatus">&nbsp;</p></td>
          </tr>
          <tr>
            <td><img src="images/chat/spacer.gif" width="10" height="8"/></td>
          </tr>
          <tr>
            <td align="center"><table border="0" cellspacing="0" cellpadding="0" width="100%">
                <tr>
                  <td align="right" style="padding-right: 3px;" width="50%"><table height="23" border="0" cellspacing="0" cellpadding="0" width="50">
                      <tr>
                        <td width="1%"><img src="images/button-left-bg.gif" width="9" height="23"/></td>
                        <td nowrap="nowrap" style="background-image: url(images/button-bg.gif);text-align:center;padding-left:15px;padding-right:15px;cursor:pointer" width="98%" height="23" onclick="openChat();">Chat</td>
                        <td width="1%"><img src="images/button-right-bg.gif" width="9" height="23"/></td>
                      </tr>
                    </table></td>
                  <td align="left" style="padding-left: 3px;" width="50%"><table height="23" border="0" cellspacing="0" cellpadding="0" width="50">
                      <tr>
                        <td width="1%"><img src="images/button-left-bg.gif" width="9" height="23"/></td>
                        <td nowrap="nowrap" style="background-image: url(images/button-bg.gif);text-align:center;padding-left:15px;padding-right:15px;cursor:pointer" width="98%" height="23" onclick="removeBuddy();">Remove</td>
                        <td width="1%"><img src="images/button-right-bg.gif" width="9" height="23"/></td>
                      </tr>
                    </table></td>
                </tr>
              </table></td>
          </tr>
        </table></td>
    </tr>
    <tr>
      <td height="16" background="images/chat/bg/info_bg_bottom.gif">&nbsp;</td>
    </tr>
  </table>
</div>
<div id="toolbar" style="height:58px;display:none;">
  <table width="100%" height="58" border="0" cellpadding="0" cellspacing="0" align="center">
    <tr>
      <td width="1%" height="58"><img src="images/chat/bg/toolbar_left.gif" width="23" height="58"/></td>
      <td width="33%" background="images/chat/bg/toolbar_bg.gif"><div id="consolescroll">
          <div id="consoleText" style="overflow:hidden; height:50px; width:95%">&nbsp;</div>
        </div></td>
      <td width="1%" height="58" bgcolor="green"><img src="images/chat/bg/toolbar_seperator.gif" width="17" height="58"/></td>
      <td width="33%" align="center" valign="middle" background="images/chat/bg/toolbar_bg.gif" nowrap="nowrap" bgcolor="blue"><table border="0" cellpadding="2" cellspacing="0" id="statusTable">
          <tr>
            <td rowspan="2" align="left" nowrap><img src="images/chat/avatar.png" height="48" width="48" id="avatarme" class="avatarMe" onmouseover="this.className='avatarMeHover';" onmouseout="this.className='avatarMe'" style="margin-right: 10px"/></td>
            <td nowrap="nowrap" valign="bottom"><strong style="color:#272827">Welcome <span id="chatFullName">&nbsp;</span></strong></td>
          </tr>
          <tr>
            <td nowrap="nowrap" valign="top"><strong style="color:#272827">Status : </strong><span id="statusnow">Available</span> &nbsp;<img src="images/chat/indicators/green.gif" border="0" id="statusindic"/>&nbsp; <a href="javascript:changeStatus()">Change</a></td>
          </tr>
        </table></td>
      <td width="1%" height="58"><img src="images/chat/bg/toolbar_seperator.gif" width="17" height="58" /></td>
      <td valign="top" background="images/chat/bg/toolbar_bg.gif"><table border="0" width="260" align="right" cellpadding="0" cellspacing="0" style="margin-top:20px">
          <tr>
            <td width="13" nowrap="nowrap"><img src="images/chat/ico/logout.gif" width="20" height="20" /></td>
            <td nowrap="nowrap" width="50"><a href="javascript:showChatLogout();" style="color:#0c4363;margin-left:7px;">Logout</a></td>
            <td width="20" nowrap="nowrap"><img src="images/chat/ico/preferences.gif" width="22" height="20" /></td>
            <td nowrap="nowrap" width="65"><a href="javascript:chatPreferences();" style="color:#0c4363;margin-left:7px;">Preferences</a></td>
            <td width="19" nowrap="nowrap"><img src="images/chat/ico/claros.gif" width="21" height="20" /></td>
            <td nowrap="nowrap" width="50"><a href="http://www.claros.org" target="_blank" style="color:#0c4363;margin-left:7px;">claros.org</a></td>
          </tr>
        </table></td>
      <td width="1%" height="58"><img src="images/chat/bg/toolbar_right.gif" width="23" height="58" /></td>
    </tr>
  </table>
</div>
<div id="chatWin" class="chatWin dragme" style="display:none;" onmousedown="moveOnTop(this);">
  <table width="234" height="242" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td height="26" class="handle" ondblclick="tidyDiv(this);"><div id="handle" style="outline:none; height:26px;cursor:move;">
          <table width="234" border="0" cellspacing="0" cellpadding="0" height="26" onmouseup="dragStop(event);">
            <tr>
              <td width="12">&nbsp;</td>
              <td width="14"><img src="images/chat/spacer.gif" width="10" height="10" id="statusindicator"/></td>
              <td width="187"><div id="chatWinTitleBar">&nbsp;</div></td>
              <td width="21"><img src="images/chat/spacer.gif" width="17" height="17" onclick="hideChatWin(this.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode);" style="cursor: pointer;"></td>
            </tr>
          </table>
        </div></td>
    </tr>
    <tr>
      <td height="152" valign="top" background="images/chat/bg/chatwin_bg.gif"><table width="95%" border="0" align="center" cellpadding="0" cellspacing="0">
          <tr>
            <td height="152" valign="top" id="chatWinText"><div id="chatScroll">
                <div id="myText" style="outline:hidden;">&nbsp;</div>
              </div></td>
          </tr>
        </table></td>
    </tr>
    <tr>
      <td height="64" align="left" valign="top" background="images/chat/bg/chatwin_bottom.gif"><label>
          <textarea name="chatWinMsg" wrap="physical" id="chatWinMsg" onkeyDown="return(handleKeys(event, this));"></textarea>
        </label></td>
    </tr>
  </table>
</div>
<div id="changeStatus" class="dialogBox" style="display:none;width: 400px;height: 250px;">
  <div class="dialogHeader">Change Status</div>
  <div class="dialogBody">
    <div class="dialogText">
      <table border="0" cellspacing="0" cellpadding="0" width="100%">
        <tr>
          <td>Current Status : </td>
          <td id="userStatus"></td>
        </tr>
        <tr>
          <td>New Status : </td>
          <td><select name="newstatus" style="border: 1px solid #999999;font-size: 11px;" id="newstatus" nohide="true">
              <option value="available">Available</option>
              <option value="away">Away</option>
              <option value="disturb">Do Not Disturb</option>
            </select></td>
        </tr>
        <tr>
          <td valign="top" style="padding-top: 10px;">Status Message : </td>
          <td><textarea id="newstatusmsg" name="newstatusmsg" cols="30" rows="6" style="width:200px; height:70px;border: 1px solid #999999;	font-family: Arial, Helvetica, sans-serif;font-size:11px;"></textarea></td>
        </tr>
      </table>
    </div>
    <table border="0" width="100%" cellspacing="1" cellpadding="3">
      <tr>
        <td width="50%" align="right"><table height="23" border="0" cellspacing="0" cellpadding="0" width="50">
            <tr>
              <td width="1%"><img src="images/button-left-bg.gif" width="9" height="23"/></td>
              <td nowrap="nowrap" style="background-image: url(images/button-bg.gif);text-align:center;padding-left:15px;padding-right:15px;cursor:pointer" width="98%" height="23" onclick="hideDialog('changeStatus');saveStatus();">Save</td>
              <td width="1%"><img src="images/button-right-bg.gif" width="9" height="23"/></td>
            </tr>
          </table></td>
        <td width="50%"><table height="23" border="0" cellspacing="0" cellpadding="0" width="50" id="chatPrefCancel">
            <tr>
              <td width="1%"><img src="images/button-left-bg.gif" width="9" height="23"/></td>
              <td nowrap="nowrap" style="background-image: url(images/button-bg.gif);text-align:center;padding-left:15px;padding-right:15px;cursor:pointer" width="98%" height="23" onclick="hideDialog('changeStatus');">Cancel</td>
              <td width="1%"><img src="images/button-right-bg.gif" width="9" height="23"/></td>
            </tr>
          </table></td>
      </tr>
    </table>
  </div>
</div>
<div id="logoutChat" class="dialogBox" style="display:none;width: 400px;height: 120px;">
  <div class="dialogHeader">Confirmation Needed</div>
  <div class="dialogBody"> <img src="images/question.gif" class="dialogBoxIcon"/>
    <div class="dialogText"> Are you sure you want to logout from chat?<br/>
      <br/>
    </div>
    <table border="0" cellspacing="0" cellpadding="0" align="right">
      <tr>
        <td width="50%" align="right"><table height="23" border="0" cellspacing="0" cellpadding="0" width="50">
            <tr>
              <td width="1%"><img src="images/button-left-bg.gif" width="9" height="23"/></td>
              <td nowrap="nowrap" style="background-image: url(images/button-bg.gif);text-align:center;padding-left:15px;padding-right:15px;cursor:pointer" width="98%" height="23" onclick="hideDialog('logoutChat');doLogoutChat();">Yes</td>
              <td width="1%"><img src="images/button-right-bg.gif" width="9" height="23"/></td>
            </tr>
          </table></td>
        <td width="50%" align="left" style="padding-left: 20px;"><table height="23" border="0" cellspacing="0" cellpadding="0" width="50">
            <tr>
              <td width="1%"><img src="images/button-left-bg.gif" width="9" height="23"/></td>
              <td nowrap="nowrap" style="background-image: url(images/button-bg.gif);text-align:center;padding-left:15px;padding-right:15px;cursor:pointer" width="98%" height="23" onclick="hideDialog('logoutChat');">No</td>
              <td width="1%"><img src="images/button-right-bg.gif" width="9" height="23"/></td>
            </tr>
          </table></td>
      </tr>
    </table>
  </div>
</div>
<div id="removeBuddy" class="dialogBox" style="display:none;width: 400px;height: 150px;">
  <div class="dialogHeader">Confirmation Needed</div>
  <div class="dialogBody"> <img src="images/question.gif" class="dialogBoxIcon"/>
    <div class="dialogText"> <span id="removeUserName">&nbsp;</span>Are you sure you want to remove <span id="removeFullName"></span> from your buddies list? This operation can not be undone.<br/>
      <br/>
    </div>
    <table border="0" cellspacing="0" cellpadding="0" align="right">
      <tr>
        <td width="50%" align="right"><table height="23" border="0" cellspacing="0" cellpadding="0" width="50">
            <tr>
              <td width="1%"><img src="images/button-left-bg.gif" width="9" height="23"/></td>
              <td nowrap="nowrap" style="background-image: url(images/button-bg.gif);text-align:center;padding-left:15px;padding-right:15px;cursor:pointer" width="98%" height="23" onclick="hideDialog('removeBuddy');doRemoveBuddy();">Yes</td>
              <td width="1%"><img src="images/button-right-bg.gif" width="9" height="23"/></td>
            </tr>
          </table></td>
        <td width="50%" align="left" style="padding-left: 20px;"><table height="23" border="0" cellspacing="0" cellpadding="0" width="50">
            <tr>
              <td width="1%"><img src="images/button-left-bg.gif" width="9" height="23"/></td>
              <td nowrap="nowrap" style="background-image: url(images/button-bg.gif);text-align:center;padding-left:15px;padding-right:15px;cursor:pointer" width="98%" height="23" onclick="hideDialog('removeBuddy');">No</td>
              <td width="1%"><img src="images/button-right-bg.gif" width="9" height="23"/></td>
            </tr>
          </table></td>
      </tr>
    </table>
  </div>
</div>
<div id="addBuddy" class="dialogBox" style="display:none;width: 400px;height: 170px;">
  <div class="dialogHeader">Add Buddy</div>
  <div class="dialogBody">
    <div class="dialogText">
      <table border="0" cellspacing="0" cellpadding="0" width="100%">
        <tr>
          <td>Contact Address : </td>
          <td><input name="newBuddy" id="newBuddy" type="text" style="border:solid 1px #666666; width: 200px;"/></td>
        </tr>
        <tr>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
        </tr>
        <tr>
          <td colspan="2">After submitting, your request will be sent to the user. You'll be able to chat with him/her after he/she accepts your request.</td>
        </tr>
      </table>
      <br/>
      <br/>
    </div>
    <table border="0" cellspacing="1" cellpadding="3" align="right">
      <tr>
        <td width="50%" align="right"><table height="23" border="0" cellspacing="0" cellpadding="0" width="75">
            <tr>
              <td width="1%"><img src="images/button-left-bg.gif" width="9" height="23"/></td>
              <td nowrap="nowrap" style="background-image: url(images/button-bg.gif);text-align:center;padding-left:15px;padding-right:15px;cursor:pointer" width="98%" height="23" onclick="hideDialog('addBuddy');doAddContact();">Send Request</td>
              <td width="1%"><img src="images/button-right-bg.gif" width="9" height="23"/></td>
            </tr>
          </table></td>
        <td width="50%"><table height="23" border="0" cellspacing="0" cellpadding="0" width="50" id="prefCancel">
            <tr>
              <td width="1%"><img src="images/button-left-bg.gif" width="9" height="23"/></td>
              <td nowrap="nowrap" style="background-image: url(images/button-bg.gif);text-align:center;padding-left:15px;padding-right:15px;cursor:pointer" width="98%" height="23" onclick="hideDialog('addBuddy');">Cancel</td>
              <td width="1%"><img src="images/button-right-bg.gif" width="9" height="23"/></td>
            </tr>
          </table></td>
      </tr>
    </table>
  </div>
</div>
<!-- 
<div id="chatPreferences" class="curtain">
	&nbsp;<br />&nbsp;<br />&nbsp;<br />&nbsp;<br />&nbsp;<br /><form id="chatPreferencesForm">
	<table width="400 border="0" cellspacing="0" cellpadding="4" align="center"  height="315">
	  <tr>
		<td colspan="2">
			<strong style="font-size:18px;color:#999999">Preferences</strong><hr size="1" />
		</td>
	  </tr>
	  <tr>
		<td>Full Name : </td>
		<td><input name="preffullname" id="preffullname" type="text" style="border:solid 1px #666666; width: 150px;"/></td>
	  </tr>
	  <tr>
		<td>Set Status Away After : </td>
		<td>
			<table border="0" cellspacing="0" cellpadding="0" width="100%">
				<tr>
					<td rowspan="2" width="70" nowrap="nowrap">
						<span id="mins">15</span> mins
					</td>
					<td>
						<a href="javascript:prefArrUp();"><img src="images/chat/buttons/arr_up.gif" border="0" width="17" height="17"/></a>
					</td>
				</tr>
				<tr>
					<td>
						<a href="javascript:prefArrDown();"><img src="images/chat/buttons/arr_down.gif" border="0" width="17" height="17"/></a>
					</td>
				</tr>
			</table>
		</td>
	  </tr>
	  <tr>
		<td>Effects : </td>
		<td><input name="anims" id="anims" type="radio" value="on" checked="checked"/> On <input name="anims" id="anims" type="radio" value="off" /> Off</td>
	  </tr>
	  <tr>
		<td>Sound Alert : </td>
		<td><input name="sndalert" id="sndalert" type="radio" value="on" checked="checked"/> On <input name="sndalert" id="sndalert" type="radio" value="off" /> Off</td>
	  </tr>
	  <tr>
		<td colspan="2" align="center" style="font-size:16px; font-weight:bold">
			<hr size="1"/>
			<br />
	 
			[ <a href="javascript:saveChatPreferences();" style="color:#EBEBEB">Save</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a href="javascript:closeCurtain('chatPreferences');" style="color:#EBEBEB">Cancel</a> ]					
		</td>
	  </tr>
	</table>
  </form>
</div>
 -->

<div id="askWin">&nbsp;</div>
<div id="player" style="visibility: hidden;width: 1px;height: 1px;">
  <object
	classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
	width="1"
	height="1"
	codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab"
	id="playa2"
	style="position:absolute">
    <param name="movie" value="resources/playa2.swf">
    <param name="quality" value="high">
    <param name="flashvars" value="autoplay=false&playlist=resources/newmsg.xml">
    <param name="loop" value="false">
    <param name="loopsong" value="false">
    <embed
		name="playa2"
		src="resources/playa2.swf"
		width="1"
		height="1"
		quality="high"
		swLiveConnect="true"
		flashvars="autoplay=false&playlist=resources/newmsg.xml"
		pluginspage="http://www.macromedia.com/go/flashplayer/"
		loop="false" 
		style="position:absolute"> </embed>
  </object>
</div>
</body>
</html></div>
<!-- CHAT ENDS -->
</div>
<div id="curtain" class="curtain"></div>
<div id="defaultError" class="dialogBox" style="display:none;width: 400px;height: 120px;z-index: 6002">
  <div class="dialogHeader">Unknown Error</div>
  <div class="dialogBody"><img src="images/error.gif" class="dialogBoxIcon"/>
    <div class="dialogText">An unkown error occured. Please try again later.<br/>
      <br/>
    </div>
    <table border="0" cellspacing="0" cellpadding="0" align="right">
      <tr>
        <td width="50%" align="right">&nbsp;</td>
        <td width="50%"><table height="23" border="0" cellspacing="0" cellpadding="0" width="50">
            <tr>
              <td width="1%"><img src="images/button-left-bg.gif" width="9" height="23"/></td>
              <td nowrap="nowrap" style="background-image: url(images/button-bg.gif);text-align:center;padding-left:15px;padding-right:15px;cursor:pointer" width="98%" height="23" onclick="hideDialog('defaultError');">OK</td>
              <td width="1%"><img src="images/button-right-bg.gif" width="9" height="23"/></td>
            </tr>
          </table></td>
      </tr>
    </table>
  </div>
</div>
<div id="messageDirtyWarn" class="dialogBox" style="display:none;width: 400px;height: 120px;">
  <div class="dialogHeader">You have an unsent message</div>
  <div class="dialogBody"><img src="images/question.gif" class="dialogBoxIcon"/>
    <div class="dialogText">Do you want to continue editing it or start composing a new one?<br/>
      <br/>
    </div>
    <table border="0" cellspacing="0" cellpadding="0" align="right">
      <tr>
        <td width="50%" align="right"><table height="23" border="0" cellspacing="0" cellpadding="0" width="50" style="margin-right: 5px;">
            <tr>
              <td width="1%"><img src="images/button-left-bg.gif" width="9" height="23"/></td>
              <td nowrap="nowrap" style="background-image: url(images/button-bg.gif);text-align:center;padding-left:15px;padding-right:15px;cursor:pointer" width="98%" height="23" onclick="hideDialog('messageDirtyWarn')">Continue Editing</td>
              <td width="1%"><img src="images/button-right-bg.gif" width="9" height="23"/></td>
            </tr>
          </table></td>
        <td width="50%"><table height="23" border="0" cellspacing="0" cellpadding="0" width="50">
            <tr>
              <td width="1%"><img src="images/button-left-bg.gif" width="9" height="23"/></td>
              <td nowrap="nowrap" style="background-image: url(images/button-bg.gif);text-align:center;padding-left:15px;padding-right:15px;cursor:pointer" width="98%" height="23" onclick="clearComposeForm();hideDialog('messageDirtyWarn');">New Message</td>
              <td width="1%"><img src="images/button-right-bg.gif" width="9" height="23"/></td>
            </tr>
          </table></td>
      </tr>
    </table>
  </div>
</div>
<div id="messageEmptyRecipientError" class="dialogBox" style="display:none;width: 400px;height: 120px;">
  <div class="dialogHeader">Error!</div>
  <div class="dialogBody"><img src="images/error.gif" class="dialogBoxIcon"/>
    <div class="dialogText">Please enter at least one recipient in one of the to, cc or bcc fields.<br/>
      <br/>
    </div>
    <table border="0" cellspacing="0" cellpadding="0" align="right">
      <tr>
        <td width="50%">&nbsp;</td>
        <td width="50%"><table height="23" border="0" cellspacing="0" cellpadding="0" width="50">
            <tr>
              <td width="1%"><img src="images/button-left-bg.gif" width="9" height="23"/></td>
              <td nowrap="nowrap" style="background-image: url(images/button-bg.gif);text-align:center;padding-left:15px;padding-right:15px;cursor:pointer" width="98%" height="23" onclick="hideDialog('messageEmptyRecipientError');">OK</td>
              <td width="1%"><img src="images/button-right-bg.gif" width="9" height="23"/></td>
            </tr>
          </table></td>
      </tr>
    </table>
  </div>
</div>
<div id="activeUploadsWarn" class="dialogBox" style="display:none;width: 400px;height: 120px;">
  <div class="dialogHeader">Warning</div>
  <div class="dialogBody"><img src="images/warning.gif" class="dialogBoxIcon"/>
    <div class="dialogText">There are active uploads, please wait until all uploads are completed.<br/>
      <br/>
    </div>
    <table border="0" cellspacing="0" cellpadding="0" align="right">
      <tr>
        <td width="50%" align="right">&nbsp;</td>
        <td width="50%"><table height="23" border="0" cellspacing="0" cellpadding="0" width="50">
            <tr>
              <td width="1%"><img src="images/button-left-bg.gif" width="9" height="23"/></td>
              <td nowrap="nowrap" style="background-image: url(images/button-bg.gif);text-align:center;padding-left:15px;padding-right:15px;cursor:pointer" width="98%" height="23" onclick="hideDialog('activeUploadsWarn');">OK</td>
              <td width="1%"><img src="images/button-right-bg.gif" width="9" height="23"/></td>
            </tr>
          </table></td>
      </tr>
    </table>
  </div>
</div>
<div id="mailStoredDraftInfo" class="roundedcornr_box_171934" style="display:none;width: 260px;overflow: visible;z-index: 6001;position: absolute;">
  <div class="roundedcornr_top_171934">
    <div></div>
  </div>
  <div class="roundedcornr_content_171934" align="center" style="font-weight: bold;white-space: nowrap;">Mail successfully stored in the Drafts folder.</div>
  <div class="roundedcornr_bottom_171934">
    <div></div>
  </div>
</div>
<div id="sendMailInfo" class="dialogBox" style="display:none;width: 350px;height: 120px;z-index: 6001">
  <div class="dialogHeader">please wait...</div>
  <div class="dialogBody"><img src="images/info.gif" class="dialogBoxIcon"/>
    <div class="dialogText">Sending mail, please wait...<br/>
      <br/>
    </div>
    <table border="0" cellspacing="0" cellpadding="0" align="right">
      <tr>
        <td width="50%">&nbsp;</td>
        <td width="50%"><table height="23" border="0" cellspacing="0" cellpadding="0" width="50">
            <tr>
              <td width="1%"><img src="images/button-left-bg.gif" width="9" height="23"/></td>
              <td nowrap="nowrap" style="background-image: url(images/button-bg.gif);text-align:center;padding-left:15px;padding-right:15px;cursor:pointer" width="98%" height="23" onclick="cancelSendMail();">Cancel</td>
              <td width="1%"><img src="images/button-right-bg.gif" width="9" height="23"/></td>
            </tr>
          </table></td>
      </tr>
    </table>
  </div>
</div>
<div id="subjectEmptyQuestion" class="dialogBox" style="display:none;width: 400px;height: 120px;">
  <div class="dialogHeader">Confirmation Needed</div>
  <div class="dialogBody"><img src="images/question.gif" class="dialogBoxIcon"/>
    <div class="dialogText">Are you sure you want to send this message without a subject?<br/>
      <br/>
    </div>
    <table border="0" cellspacing="0" cellpadding="0" align="right">
      <tr>
        <td width="50%" align="right"><table height="23" border="0" cellspacing="0" cellpadding="0" width="50">
            <tr>
              <td width="1%"><img src="images/button-left-bg.gif" width="9" height="23"/></td>
              <td nowrap="nowrap" style="background-image: url(images/button-bg.gif);text-align:center;padding-left:15px;padding-right:15px;cursor:pointer" width="98%" height="23" onclick="Dom.get('subjectEmptyQuestion').style.display='none';sendMail2();">Yes</td>
              <td width="1%"><img src="images/button-right-bg.gif" width="9" height="23"/></td>
            </tr>
          </table></td>
        <td width="50%"><table height="23" border="0" cellspacing="0" cellpadding="0" width="50">
            <tr>
              <td width="1%"><img src="images/button-left-bg.gif" width="9" height="23"/></td>
              <td nowrap="nowrap" style="background-image: url(images/button-bg.gif);text-align:center;padding-left:15px;padding-right:15px;cursor:pointer" width="98%" height="23" onclick="hideDialog('subjectEmptyQuestion');">No</td>
              <td width="1%"><img src="images/button-right-bg.gif" width="9" height="23"/></td>
            </tr>
          </table></td>
      </tr>
    </table>
  </div>
</div>
<div id="showHeadersInfo" class="dialogBox" style="display:none;width: 500px;height: 350px;z-index: 6001">
  <div class="dialogHeader">Message Headers</div>
  <div class="dialogBody" style="width: 480px;height: 300px;">
    <div class="dialogText" style="overflow:auto;padding: 10px;width: 460px;height: 250px;" id="showHeaderBox"></div>
    <table border="0" cellspacing="0" cellpadding="0" align="right">
      <tr>
        <td width="50%">&nbsp;</td>
        <td width="50%" align="right"><table height="23" border="0" cellspacing="0" cellpadding="0" width="50">
            <tr>
              <td width="1%"><img src="images/button-left-bg.gif" width="9" height="23"/></td>
              <td nowrap="nowrap" style="background-image: url(images/button-bg.gif);text-align:center;padding-left:15px;padding-right:15px;cursor:pointer" width="98%" height="23" onclick="hideDialog('showHeadersInfo');">OK</td>
              <td width="1%"><img src="images/button-right-bg.gif" width="9" height="23"/></td>
            </tr>
          </table></td>
      </tr>
    </table>
  </div>
</div>
<div id="createMailFolder" class="dialogBox" style="display:none;width: 350px;height: 150px;z-index: 6001">
  <div class="dialogHeader">Create New Folder</div>
  <div class="dialogBody"><img src="images/info.gif" class="dialogBoxIcon" style="padding-bottom: 100px;"/>
    <div class="dialogText">Please enter new folder name to be created.<br/>
      <br/>
      Name:
      <input type='text' name='newFolderName' id="newFolderName"/>
      <br/>
      <br/>
    </div>
    <table border="0" cellspacing="1" cellpadding="3" align="right">
      <tr>
        <td width="50%" align="right"><table height="23" border="0" cellspacing="0" cellpadding="0" width="50">
            <tr>
              <td width="1%"><img src="images/button-left-bg.gif" width="9" height="23"/></td>
              <td nowrap="nowrap" style="background-image: url(images/button-bg.gif);text-align:center;padding-left:15px;padding-right:15px;cursor:pointer" width="98%" height="23" onclick="createMailFolder();">OK</td>
              <td width="1%"><img src="images/button-right-bg.gif" width="9" height="23"/></td>
            </tr>
          </table></td>
        <td width="50%"><table height="23" border="0" cellspacing="0" cellpadding="0" width="50">
            <tr>
              <td width="1%"><img src="images/button-left-bg.gif" width="9" height="23"/></td>
              <td nowrap="nowrap" style="background-image: url(images/button-bg.gif);text-align:center;padding-left:15px;padding-right:15px;cursor:pointer" width="98%" height="23" onclick="hideDialog('createMailFolder');">Cancel</td>
              <td width="1%"><img src="images/button-right-bg.gif" width="9" height="23"/></td>
            </tr>
          </table></td>
      </tr>
    </table>
  </div>
</div>
<div id="renameMailFolder" class="dialogBox" style="display:none;width: 350px;height: 150px;z-index: 6001">
  <div class="dialogHeader">Renaming Folder<span id="renameMailFolderOld1"></span></div>
  <div class="dialogBody"><img src="images/info.gif" class="dialogBoxIcon" style="padding-bottom: 100px;"/>
    <div class="dialogText">Please enter the new folder name for<strong><span id="renameMailFolderOld2"></span></strong>.<br/>
      <br/>
      Name:
      <input type='text' name='renameFolderName' id="renameFolderName"/>
      <br/>
      <br/>
    </div>
    <table border="0" cellspacing="1" cellpadding="3" align="right">
      <tr>
        <td width="50%" align="right"><table height="23" border="0" cellspacing="0" cellpadding="0" width="50">
            <tr>
              <td width="1%"><img src="images/button-left-bg.gif" width="9" height="23"/></td>
              <td nowrap="nowrap" style="background-image: url(images/button-bg.gif);text-align:center;padding-left:15px;padding-right:15px;cursor:pointer" width="98%" height="23" onclick="renameMailFolder();">OK</td>
              <td width="1%"><img src="images/button-right-bg.gif" width="9" height="23"/></td>
            </tr>
          </table></td>
        <td width="50%"><table height="23" border="0" cellspacing="0" cellpadding="0" width="50">
            <tr>
              <td width="1%"><img src="images/button-left-bg.gif" width="9" height="23"/></td>
              <td nowrap="nowrap" style="background-image: url(images/button-bg.gif);text-align:center;padding-left:15px;padding-right:15px;cursor:pointer" width="98%" height="23" onclick="hideDialog('renameMailFolder');">Cancel</td>
              <td width="1%"><img src="images/button-right-bg.gif" width="9" height="23"/></td>
            </tr>
          </table></td>
      </tr>
    </table>
  </div>
</div>
<div id="deleteMailFolderConfirm" class="dialogBox" style="display:none;width: 400px;height: 150px;">
  <div class="dialogHeader">Mail Folder Deletion Confirmation</div>
  <div class="dialogBody"><img src="images/question.gif" class="dialogBoxIcon"/>
    <div class="dialogText">Are you sure you want to delete mail folder<strong><span id="deleteFolderName"></span></strong>and all its contents? Please note that this operation can not be undone!<br/>
      <br/>
    </div>
    <table border="0" cellspacing="1" cellpadding="3" align="right">
      <tr>
        <td width="50%" align="right"><table height="23" border="0" cellspacing="0" cellpadding="0" width="50">
            <tr>
              <td width="1%"><img src="images/button-left-bg.gif" width="9" height="23"/></td>
              <td nowrap="nowrap" style="background-image: url(images/button-bg.gif);text-align:center;padding-left:15px;padding-right:15px;cursor:pointer" width="98%" height="23" onclick="deleteMailFolder();">Yes</td>
              <td width="1%"><img src="images/button-right-bg.gif" width="9" height="23"/></td>
            </tr>
          </table></td>
        <td width="50%"><table height="23" border="0" cellspacing="0" cellpadding="0" width="50">
            <tr>
              <td width="1%"><img src="images/button-left-bg.gif" width="9" height="23"/></td>
              <td nowrap="nowrap" style="background-image: url(images/button-bg.gif);text-align:center;padding-left:15px;padding-right:15px;cursor:pointer" width="98%" height="23" onclick="hideDialog('deleteMailFolderConfirm');">No</td>
              <td width="1%"><img src="images/button-right-bg.gif" width="9" height="23"/></td>
            </tr>
          </table></td>
      </tr>
    </table>
  </div>
</div>
<div id="emptyMailFolderConfirm" class="dialogBox" style="display:none;width: 400px;height: 150px;">
  <div class="dialogHeader">Empty Folder Confirmation</div>
  <div class="dialogBody"><img src="images/question.gif" class="dialogBoxIcon"/>
    <div class="dialogText">Are you sure you want to delete "all mail" in folder<strong><span id="emptyFolderName"></span></strong>? Please note that this operation can not be undone!<br/>
      <br/>
    </div>
    <table border="0" cellspacing="1" cellpadding="3" align="right">
      <tr>
        <td width="50%" align="right"><table height="23" border="0" cellspacing="0" cellpadding="0" width="50">
            <tr>
              <td width="1%"><img src="images/button-left-bg.gif" width="9" height="23"/></td>
              <td nowrap="nowrap" style="background-image: url(images/button-bg.gif);text-align:center;padding-left:15px;padding-right:15px;cursor:pointer" width="98%" height="23" onclick="emptyMailFolder();">Yes</td>
              <td width="1%"><img src="images/button-right-bg.gif" width="9" height="23"/></td>
            </tr>
          </table></td>
        <td width="50%"><table height="23" border="0" cellspacing="0" cellpadding="0" width="50">
            <tr>
              <td width="1%"><img src="images/button-left-bg.gif" width="9" height="23"/></td>
              <td nowrap="nowrap" style="background-image: url(images/button-bg.gif);text-align:center;padding-left:15px;padding-right:15px;cursor:pointer" width="98%" height="23" onclick="hideDialog('emptyMailFolderConfirm');">No</td>
              <td width="1%"><img src="images/button-right-bg.gif" width="9" height="23"/></td>
            </tr>
          </table></td>
      </tr>
    </table>
  </div>
</div>
<div id="preferences" style="width: 584px;">
  <table border="0" cellspacing="0" width="576" cellpadding="0">
    <tr>
      <td class="prefTop"><table border="0" cellpadding="0" cellspacing="0" width="100%">
          <tr>
            <td width="1%"><img src="images/top-pref.png" style="margin-right: 5px;"/></td>
            <td width="99%">Preferences</td>
          </tr>
        </table></td>
    </tr>
    <tr>
      <td class="prefBody"><table border="0" cellspacing="0" cellpadding="0" class="prefTblBack" align="center">
          <tr>
            <td><table border="0" cellspacing="0" cellpadding="0" align="center" id="prefTabs">
                <tr>
                  <td id="prefTabMail" class="prefTabActive" valign="middle" align="center" onclick="clickPrefTab('Mail');">Mail</td>
                  <td id="prefTabContacts" class="prefTabNotActive" valign="middle" align="center" onclick="clickPrefTab('Contacts');">Contacts</td>
                  <td id="prefTabChat" class="prefTabNotActive" valign="middle" align="center" onclick="clickPrefTab('Chat');">Chat</td>
                  <td id="prefTabRSS" class="prefTabNotActive" valign="middle" align="center" onclick="clickPrefTab('RSS');">News</td>
                  <td width="172" id="prefTabSpace">&nbsp;</td>
                </tr>
              </table></td>
          </tr>
          <tr>
            <td id="prefTabDivs"><div id="prefMail">
                <table border="0" cellspacing="1" cellpadding="3" width="100%">
                  <tr>
                    <td width="1%">Full Name :</td>
                    <td width="99%"><input type="text" id="prefFullName" class="txt200"/></td>
                  </tr>
                  <tr>
                    <td>Email Address :</td>
                    <td><input type="text" id="prefEmailAddress" class="txt200"/></td>
                  </tr>
                  <tr>
                    <td>Reply To Address :</td>
                    <td><input type="text" id="prefReplyTo" class="txt200"/></td>
                  </tr>
                  <tr>
                    <td>New Mail Sound Alert :</td>
                    <td><select id="prefMailSound" class="txt100" style="border: 1px solid #999999;">
                        <option value="yes">On</option>
                        <option value="no">Off</option>
                      </select></td>
                  </tr>
                  <!-- 
								<tr>
									<td>
										Spam Analysis : 
									</td>
									<td>
										<select id="prefSpamAnalysis" class="txt150" style="border: 1px solid #999999;">
											<option value="-1"></option>
											<option value="0.9">Very Light Mode</option>
											<option value="0.8">Light Mode</option>
											<option value="0.6">Moderate</option>
											<option value="0.2">Heavy Mode</option>
											<option value="0.1">Paranoid</option>
										</select>
									</td>
								</tr>
								 -->
                  <tr>
                    <td>Save Sent Mail :</td>
                    <td><select id="prefSaveSent" class="txt150" style="border: 1px solid #999999;">
                        <option value="yes">Yes</option>
                        <option value="no">No</option>
                      </select></td>
                  </tr>
                  <tr>
                    <td>Signature :</td>
                    <td><textarea id="prefSignature" wrap="hard" rows="3" cols="20" style="font-family: Arial, Helvetica, sans-serif;font-size:11px;height:60px;border: 1px solid #999999;width: 200px;"></textarea></td>
                  </tr>
                  <tr>
                    <td>Signature Position :</td>
                    <td><select id="prefSignaturePos" class="txt150" style="border: 1px solid #999999;">
                        <option value="top">Insert At Top</option>
                        <option value="bottom">Insert At Bottom</option>
                      </select></td>
                  </tr>
                  <tr>
                    <td>Send read receipt :</td>
                    <td><select id="prefSendReadReceipt" class="txt150" style="border: 1px solid #999999;">
                        <option value="prompt">Ask me before sending</option>
                        <option value="always">Always send</option>
                        <option value="never">Never send</option>
                      </select></td>
                  </tr>
                  <tr>
                    <td><img src="images/space.gif" width="140" height="1"/></td>
                    <td><img src="images/space.gif" width="100" height="1"/></td>
                  </tr>
                </table>
              </div>
              <div id="prefContacts" style="display:none;">
                <table border="0" cellspacing="1" cellpadding="3" width="100%">
                  <!-- 
								<tr>
									<td width="1%">
										My Contacts Are Spam Free : 
									</td>
									<td width="99%">
										<select id="prefSafeContacts" class="txt150" style="border: 1px solid #999999;">
											<option value="yes">Yes</option>
											<option value="no">No</option>
										</select>
									</td>
								</tr>
								 -->
                  <tr>
                    <td width="1%">Save Recipients As Contacts :</td>
                    <td width="99%"><select id="prefSaveSentContacts" class="txt150" style="border: 1px solid #999999;">
                        <option value="yes">Yes</option>
                        <option value="no">No</option>
                      </select></td>
                  </tr>
                  <tr>
                    <td>Contact Display :</td>
                    <td><select id="prefDisplayType" class="txt150" style="border: 1px solid #999999;">
                        <option value="nameFirst">First Middle Last</option>
                        <option value="surnameFirst">Last, First Middle</option>
                      </select></td>
                  </tr>
                  <tr>
                    <td><img src="images/space.gif" width="170" height="1"/></td>
                    <td><img src="images/space.gif" width="100" height="1"/></td>
                  </tr>
                </table>
              </div>
              <div id="prefChat" style="display:none;">
                <table border="0" cellspacing="1" cellpadding="3" width="100%">
                  <tr>
                    <td width="1%">Set Status Away After :</td>
                    <td width="99%"><input type="text" value="15" id="prefChatAwayMins" class="txt50" style="width: 25px;"/>
                      mins</td>
                  </tr>
                  <tr>
                    <td>New Msg. Sound Alert :</td>
                    <td><select id="prefChatSound" class="txt100" style="border: 1px solid #999999;">
                        <option value="yes">On</option>
                        <option value="no">Off</option>
                      </select></td>
                  </tr>
                  <tr>
                    <td><img src="images/space.gif" width="140" height="1"/></td>
                    <td><img src="images/space.gif" width="100" height="1"/></td>
                  </tr>
                </table>
              </div>
              <div id="prefRSS" style="display:none;">
                <table border="0" cellspacing="1" cellpadding="3" width="100%">
                  <tr>
                    <td width="1%">RSS Feed Url :</td>
                    <td width="1%"><input type="text" id="prefNewsUrl" style="width: 300px;"/></td>
                    <td width="98%"><a href="popups/whatis_rss.jsp" target="_blank"><img src="images/info_small.gif" border="0"/></a></td>
                  </tr>
                  <tr>
                    <td><img src="images/space.gif" width="120" height="1"/></td>
                    <td><img src="images/space.gif" width="1" height="1"/></td>
                    <td><img src="images/space.gif" width="1" height="1"/></td>
                  </tr>
                </table>
              </div></td>
          </tr>
          <tr>
            <td class="prefBottom"><img src="images/space.gif" height="7" width="7"/></td>
          </tr>
        </table></td>
    </tr>
    <tr>
      <td style="height: 53px;background-image: url('images/pref-back-bottom.gif');background-repeat: no-repeat;" valign="top"><table border="0" width="100" cellspacing="1" cellpadding="3" align="right" style="margin-right: 15px;">
          <tr>
            <td width="50%" align="right"><table height="23" border="0" cellspacing="0" cellpadding="0" width="50">
                <tr>
                  <td width="1%"><img src="images/button-left-bg.gif" width="9" height="23"/></td>
                  <td nowrap="nowrap" style="background-image: url(images/button-bg.gif);text-align:center;padding-left:15px;padding-right:15px;cursor:pointer" width="98%" height="23" onclick="savePreferences();">Save</td>
                  <td width="1%"><img src="images/button-right-bg.gif" width="9" height="23"/></td>
                </tr>
              </table></td>
            <td width="50%"><table height="23" border="0" cellspacing="0" cellpadding="0" width="50" id="prefCancel">
                <tr>
                  <td width="1%"><img src="images/button-left-bg.gif" width="9" height="23"/></td>
                  <td nowrap="nowrap" style="background-image: url(images/button-bg.gif);text-align:center;padding-left:15px;padding-right:15px;cursor:pointer" width="98%" height="23" onclick="hidePreferences();">Cancel</td>
                  <td width="1%"><img src="images/button-right-bg.gif" width="9" height="23"/></td>
                </tr>
              </table></td>
          </tr>
        </table></td>
    </tr>
  </table>
</div>
<div id="clickIndicator" style="display:none;width: 150px;">
  <table border="0" cellspacing="0" cellpadding="0" width="50" align="center">
    <tr>
      <td width="1%" nowrap="nowrap"><img src="images/uploading.gif"/>&nbsp;</td>
      <td width="99%" nowrap="nowrap">Loading...</td>
    </tr>
  </table>
</div>
<div id="sendResultIndicator" class="roundedcornr_box_171934" style="display:none;width: 260px;overflow: visible;z-index: 6001;position: absolute;">
  <div class="roundedcornr_top_171934">
    <div></div>
  </div>
  <div class="roundedcornr_content_171934" align="center" style="font-weight: bold;white-space: nowrap;">Your message has been sent.<a href="javascript:hideSendResultIndicator();clearComposeForm();newMail();" style="color:#b53434;font-weight: bold">New Message</a></div>
  <div class="roundedcornr_bottom_171934">
    <div></div>
  </div>
</div>
<div id="newMessageIndicator" class="roundedcornr_box_171934" style="display:none;width: 260px;overflow: visible;z-index: 5999;position: absolute;">
  <div class="roundedcornr_top_171934">
    <div></div>
  </div>
  <div class="roundedcornr_content_171934" align="center" style="font-weight: bold;white-space: nowrap;">You've got new mail!</div>
  <div class="roundedcornr_bottom_171934">
    <div></div>
  </div>
</div>
<div id="alertNewMail" style="visibility: hidden;width: 1px;height: 1px;">
  <object
	classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
	width="1"
	height="1"
	codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab"
	id="playa"
	style="position:absolute">
    <param name="movie" value="resources/playa2.swf">
    <param name="quality" value="high">
    <param name="flashvars" value="autoplay=false&playlist=resources/newmail.xml">
    <param name="loop" value="false">
    <param name="loopsong" value="false">
    <embed
		name="playa"
		src="resources/playa2.swf"
		width="1"
		height="1"
		quality="high"
		swLiveConnect="true"
		flashvars="autoplay=false&playlist=resources/newmail.xml"
		pluginspage="http://www.macromedia.com/go/flashplayer/"
		loop="false" 
		style="position:absolute"></embed>
  </object>
</div>
<div id="senderSavedInfo" class="roundedcornr_box_171934" style="display:none;width: 260px;overflow: visible;z-index: 6001;position: absolute;">
  <div class="roundedcornr_top_171934">
    <div></div>
  </div>
  <div class="roundedcornr_content_171934" align="center" style="font-weight: bold;white-space: nowrap;">Sender successfully saved into "contacts".</div>
  <div class="roundedcornr_bottom_171934">
    <div></div>
  </div>
</div>
<div id="cancelComposeQuestion" class="dialogBox" style="display:none;width: 400px;height: 120px;">
  <div class="dialogHeader">Confirmation Needed</div>
  <div class="dialogBody"><img src="images/question.gif" class="dialogBoxIcon"/>
    <div class="dialogText">Are you sure you want to discard this mail?<br/>
      <br/>
    </div>
    <table border="0" cellspacing="0" cellpadding="0" align="right">
      <tr>
        <td width="50%" align="right"><table height="23" border="0" cellspacing="0" cellpadding="0" width="50">
            <tr>
              <td width="1%"><img src="images/button-left-bg.gif" width="9" height="23"/></td>
              <td nowrap="nowrap" style="background-image: url(images/button-bg.gif);text-align:center;padding-left:15px;padding-right:15px;cursor:pointer" width="98%" height="23" onclick="hideDialog('cancelComposeQuestion');clearComposeForm();layoutMail();">Yes</td>
              <td width="1%"><img src="images/button-right-bg.gif" width="9" height="23"/></td>
            </tr>
          </table></td>
        <td width="50%" align="left" style="padding-left: 20px;"><table height="23" border="0" cellspacing="0" cellpadding="0" width="50">
            <tr>
              <td width="1%"><img src="images/button-left-bg.gif" width="9" height="23"/></td>
              <td nowrap="nowrap" style="background-image: url(images/button-bg.gif);text-align:center;padding-left:15px;padding-right:15px;cursor:pointer" width="98%" height="23" onclick="hideDialog('cancelComposeQuestion');">No</td>
              <td width="1%"><img src="images/button-right-bg.gif" width="9" height="23"/></td>
            </tr>
          </table></td>
      </tr>
    </table>
  </div>
</div>
<div id="moveMailInfo" class="dialogBox" style="display:none;width: 350px;height: 120px;z-index: 6001">
  <div class="dialogHeader">please wait...</div>
  <div class="dialogBody"><img src="images/info.gif" class="dialogBoxIcon"/>
    <div class="dialogText">Moving mail, please wait...<br/>
      <br/>
    </div>
  </div>
</div>
<div id="saveContactDuplicateQuestion" class="dialogBox" style="display:none;width: 400px;height: 120px;">
  <div class="dialogHeader">Confirmation Needed</div>
  <div class="dialogBody"><img src="images/question.gif" class="dialogBoxIcon"/>
    <div class="dialogText">This e-mail address was previously saved with another contact. Are you sure you want to save this one too?<br/>
      <br/>
    </div>
    <table border="0" cellspacing="0" cellpadding="0" align="right">
      <tr>
        <td width="50%" align="right"><table height="23" border="0" cellspacing="0" cellpadding="0" width="50">
            <tr>
              <td width="1%"><img src="images/button-left-bg.gif" width="9" height="23"/></td>
              <td nowrap="nowrap" style="background-image: url(images/button-bg.gif);text-align:center;padding-left:15px;padding-right:15px;cursor:pointer" width="98%" height="23" onclick="hideDialog('saveContactDuplicateQuestion');saveContact();">Yes</td>
              <td width="1%"><img src="images/button-right-bg.gif" width="9" height="23"/></td>
            </tr>
          </table></td>
        <td width="50%" align="left" style="padding-left: 20px;"><table height="23" border="0" cellspacing="0" cellpadding="0" width="50">
            <tr>
              <td width="1%"><img src="images/button-left-bg.gif" width="9" height="23"/></td>
              <td nowrap="nowrap" style="background-image: url(images/button-bg.gif);text-align:center;padding-left:15px;padding-right:15px;cursor:pointer" width="98%" height="23" onclick="hideDialog('saveContactDuplicateQuestion');">No</td>
              <td width="1%"><img src="images/button-right-bg.gif" width="9" height="23"/></td>
            </tr>
          </table></td>
      </tr>
    </table>
  </div>
</div>
<div id="contactSaveNoMailError" class="dialogBox" style="display:none;width: 400px;height: 120px;">
  <div class="dialogHeader">Error!</div>
  <div class="dialogBody"><img src="images/error.gif" class="dialogBoxIcon"/>
    <div class="dialogText">Please enter a valid "primary mail" address to save this contact.<br/>
      <br/>
    </div>
    <table border="0" cellspacing="0" cellpadding="0" align="right">
      <tr>
        <td width="50%" align="right">&nbsp;</td>
        <td width="50%"><table height="23" border="0" cellspacing="0" cellpadding="0" width="50">
            <tr>
              <td width="1%"><img src="images/button-left-bg.gif" width="9" height="23"/></td>
              <td nowrap="nowrap" style="background-image: url(images/button-bg.gif);text-align:center;padding-left:15px;padding-right:15px;cursor:pointer" width="98%" height="23" onclick="hideDialog('contactSaveNoMailError');">OK</td>
              <td width="1%"><img src="images/button-right-bg.gif" width="9" height="23"/></td>
            </tr>
          </table></td>
      </tr>
    </table>
  </div>
</div>
<div id="askSendReadReceipt" class="dialogBox" style="display:none;width:500px;height:120px;z-index:6001">
  <div class="dialogBody"><img src="images/info.gif" class="dialogBoxIcon"/>
    <div class="dialogText">Sender has requested a read receipt be sent when this message has been read. Do you want to send a receipt?<br/>
      <br/>
      <input name="dontAskSendReadReceipt" id="dontAskSendReadReceipt" type="checkbox" value="1" style="border:0;font-size:9px;">
      Don't ask me about sending receipts again</div>
    <table border="0" cellspacing="1" cellpadding="3" align="right">
      <tr>
        <td align="right"><table height="23" border="0" cellspacing="0" cellpadding="0" width="50">
            <tr>
              <td width="1%"><img src="images/button-left-bg.gif" width="9" height="23"/></td>
              <td nowrap="nowrap" style="background-image: url(images/button-bg.gif);text-align:center;padding-left:15px;padding-right:15px;cursor:pointer" width="98%" height="23" onclick="sendReadReceiptMail()">Yes</td>
              <td width="1%"><img src="images/button-right-bg.gif" width="9" height="23"/></td>
            </tr>
          </table></td>
        <td><table height="23" border="0" cellspacing="0" cellpadding="0" width="50">
            <tr>
              <td width="1%"><img src="images/button-left-bg.gif" width="9" height="23"/></td>
              <td nowrap="nowrap" style="background-image: url(images/button-bg.gif);text-align:center;padding-left:15px;padding-right:15px;cursor:pointer" width="98%" height="23" onclick="hideDialog('askSendReadReceipt')">No</td>
              <td width="1%"><img src="images/button-right-bg.gif" width="9" height="23"/></td>
            </tr>
          </table></td>
      </tr>
    </table>
  </div>
</div>
<div id="sendReceiptResultIndicator" class="roundedcornr_box_171934" style="display:none;width: 260px;overflow: visible;z-index: 6001;position: absolute;">
  <div class="roundedcornr_top_171934">
    <div></div>
  </div>
  <div class="roundedcornr_content_171934" align="center" style="font-weight: bold;white-space: nowrap;">Read receipt has been sent.</div>
  <div class="roundedcornr_bottom_171934">
    <div></div>
  </div>
</div>
<iframe src="#" width="100" height="100" style="display: none;" id="downloader"></iframe>
<div id="uploader"></div>
</body>
</html>
